微信小程序中如何实现JS动态修改样式-创新互联

这篇文章主要为大家展示了“微信小程序中如何实现JS动态修改样式”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信小程序中如何实现JS动态修改样式”这篇文章吧。

创新互联专注于企业全网整合营销推广、网站重做改版、阜康网站定制设计、自适应品牌网站建设、html5商城开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为阜康等各大城市提供网站开发制作服务。

微信小程序这个坑啊,js动态修改样式,我们并不能用js或者jq 轻轻松松一行代码搞定。或者用removeClass addClass 来修改样式。

以下是一种动态修改样式的方法,原理是绑定数据,然后动态的修改数据,从而实现动态样式的改变而已。感觉有点········那个啥的,怪怪的。不过也没办法了。如果你有更好的方法,可以在评论区分享一下。

test.wxml


 我会变色
 变红
 变绿

test.js

Page({
 data: {
 color: "red"
 },
 clickRed: function () {
 this.setData({
  color: "red"
 })
 },
 clickgreen: function () {
 this.setData({
  color: "green"
 })
 }
})

效果

微信小程序中如何实现JS动态修改样式

以上是“微信小程序中如何实现JS动态修改样式”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联网站建设公司行业资讯频道!

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站题目:微信小程序中如何实现JS动态修改样式-创新互联
网站网址:http://bzwzjz.com/article/dodcsj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 外贸网站建设 成都网站建设 响应式网站设计 重庆企业网站建设 网站建设公司 网站制作 成都网站制作 外贸营销网站建设 重庆网站建设 网站设计制作报价 成都网站制作 成都网站建设 重庆企业网站建设 成都网站制作 外贸网站设计方案 营销网站建设 成都网站制作 成都网站建设公司 梓潼网站设计 网站建设 成都网站制作 成都网站建设