微信小程序 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 

相关文章： 如何用AWS免费套餐快速搭建高效网站？  建站主机是什么？如何选择适合的建站主机？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  制作门户网站的参考文献在哪,小说网站怎么建立？  如何在云主机快速搭建网站站点？  免费网站制作appp,免费制作app哪个平台好？  PHP 500报错的快速解决方法  建站之星代理如何优化在线客服效率？  如何用PHP快速搭建高效网站？分步指南  广东企业建站网站优化与SEO营销核心策略指南  网站图片在线制作软件,怎么在图片上做链接？  如何快速使用云服务器搭建个人网站？  制作网站软件推荐手机版,如何制作属于自己的手机网站app应用？  如何选择高效稳定的ISP建站解决方案？  如何通过wdcp面板快速创建网站？  如何用免费手机建站系统零基础打造专业网站？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  成都响应式网站开发,dw怎么把手机适应页面变成网页？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  建站主机空间推荐 高性价比配置与快速部署方案解析  C++如何将C风格字符串（char*）转换为std::string？（代码示例）  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  建站之星安装后如何自定义网站颜色与字体？  如何在建站之星绑定自定义域名？  建站之星如何快速解决建站难题？  动图在线制作网站有哪些,滑动动图图集怎么做？  免费ppt制作网站,有没有值得推荐的免费PPT网站？  建站之星备案是否影响网站上线时间？  建站主机是否属于云主机类型？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  如何在VPS电脑上快速搭建网站？  常州自助建站费用包含哪些项目？  网站制作的步骤包括,正确网址格式怎么写？  网站制作和推广的区别,想自己建立一个网站做推广，有什么快捷方法马上做好一个网站？  如何设计高效校园网站？  制作农业网站的软件,比较好的农业网站推荐一下？  ,网站推广常用方法？  如何快速搭建高效WAP手机网站？  道歉网站制作流程,世纪佳缘致歉小吴事件，相亲网站身份信息伪造该如何稽查？  网站制作的方法有哪些,如何将自己制作的网站发布到网上？  高防服务器如何保障网站安全无虞？  高性价比服务器租赁——企业级配置与24小时运维服务  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  建站之星安装失败：服务器环境不兼容？  python的本地网站制作,如何创建本地站点？  如何通过远程VPS快速搭建个人网站？  如何在Windows服务器上快速搭建网站？