微信开发之如何实现JS动态修改样式-创新互联

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

成都创新互联主要从事网站制作、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务融安,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

微信小程序这个坑啊，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://kswjz.com/article/cooooh.html

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

微信开发之如何实现JS动态修改样式-创新互联

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧在百度地图上找到我们

电话：13518219792

微信开发之如何实现JS动态修改样式-创新互联

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧 在百度地图上找到我们

电话：13518219792

联系吧在百度地图上找到我们