微信开发之如何实现JS动态修改样式

这篇文章主要介绍微信开发之如何实现JS动态修改样式,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

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

微信小程序这个坑啊,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动态修改样式”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


分享题目:微信开发之如何实现JS动态修改样式
网页路径:http://ybzwz.com/article/piegec.html