微信小程序 JS动态修改样式的实现代码

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

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

test.wxml

<view style="text-align: center;">
 <label style="color:{{color}};">我会变色</label>
 <button bindtap="clickRed">变红</button>
 <button bindtap="clickgreen">变绿</button>
</view>

test.js

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

效果

以上所述是小编给大家介绍的微信小程序 JS动态修改样式的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# 微信小程序  # 动态样式  # js动态修改css样式  # 修改样式  # JS中注入eval  # Function等系统函数截获动态代码  # JS点击动态添加标签、删除指定标签的代码  # vue.js实现点击后动态添加class及删除同级class的实现代码  # 动态加载、移除js/css文件的示例代码  # JS动态修改网页body的背景色实例代码  # JS动态添加的div点击跳转到另一页面实现代码  # Vue.js实现按钮的动态绑定效果及实现代码  # AngularJS动态绑定ng-options的ng-model实例代码  # 如何基于JS截获动态代码  # 小编  # 是一种  # 我会  # 也没  # 在此  # 你有  # 给大家  # 所述  # 绑定  # 给我留言  # 感谢大家  # 怪怪  # 疑问请  # 有任何  # 变红  # lt  # wxml  # view  # class  # brush 

相关文章： 企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  如何选择高效便捷的WAP商城建站系统？  智能起名网站制作软件有哪些,制作logo的软件？  如何选择CMS系统实现快速建站与SEO优化？  如何挑选高效建站主机与优质域名？  学校建站服务器如何选型才能满足性能需求？  建站主机解析：虚拟主机配置与服务器选择指南  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  佛山网站制作系统,佛山企业变更地址网上办理步骤？  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  音响网站制作视频教程,隆霸音响官方网站？  代购小票制作网站有哪些,购物小票的简要说明？  网站设计制作企业有哪些,抖音官网主页怎么设置？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  网站制作模板下载什么软件,ppt模板免费下载网站？  已有域名和空间如何快速搭建网站？  网站制作服务平台,有什么网站可以发布本地服务信息？  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍？  简单实现Android文件上传  如何在IIS管理器中快速创建并配置网站？  ,交易猫的商品怎么发布到网站上去？  实例解析angularjs的filter过滤器  深圳网站制作的公司有哪些,dido官方网站？  如何快速搭建高效可靠的建站解决方案？  最好的网站制作公司,网购哪个网站口碑最好，推荐几个？谢谢？  微课制作网站有哪些,微课网怎么进？  如何正确下载安装西数主机建站助手？  开源网站制作软件,开源网站什么意思？  建站上传速度慢？如何优化加速网站加载效率？  制作宣传网站的软件,小红书可以宣传网站吗？  如何在建站之星绑定自定义域名？  公司网站制作费用多少,为公司建立一个网站需要哪些费用？  如何通过免费商城建站系统源码自定义网站主题与功能？  微信小程序 input输入框控件详解及实例（多种示例）  安云自助建站系统如何快速提升SEO排名？  如何在云主机上快速搭建网站？  Swift中swift中的switch 语句  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  实现点击下箭头变上箭头来回切换的两种方法【推荐】  如何用PHP工具快速搭建高效网站？  建站主机选虚拟主机还是云服务器更好？  制作网页的网站有哪些,电脑上怎么做网页？  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  如何使用Golang table-driven基准测试_多组数据测量函数效率  如何选择可靠的免备案建站服务器？  建站之星代理如何获取技术支持？  教学论文网站制作软件有哪些,写论文用什么软件 ？  网站制作价目表怎么做,珍爱网婚介费用多少？