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

相关文章： 建站主机选择指南：服务器配置与SEO优化实战技巧  如何快速查询网址的建站时间与历史轨迹？  制作无缝贴图网站有哪些,3dmax无缝贴图怎么调？  如何基于云服务器快速搭建个人网站？  香港服务器网站卡顿？如何解决网络延迟与负载问题？  网站网页制作专业公司,怎样制作自己的网页？  电商平台网站制作流程,电商网站如何制作？  济南网站建设制作公司,室内设计网站一般都有哪些功能？  东莞专业制作网站的公司,东莞大学生网的网址是什么？  如何通过主机屋免费建站教程十分钟搭建网站？  制作企业网站建设方案,怎样建设一个公司网站？  小程序网站制作需要准备什么资料,如何制作小程序？  建站主机空间推荐 高性价比配置与快速部署方案解析  如何访问已购建站主机并解决登录问题？  建站上传速度慢？如何优化加速网站加载效率？  微课制作网站有哪些,微课网怎么进？  电商网站制作公司有哪些,1688网是什么意思？  如何在腾讯云免费申请建站？  广平建站公司哪家专业可靠？如何选择？  开心动漫网站制作软件下载,十分开心动画为何停播？  个人摄影网站制作流程,摄影爱好者都去什么网站？  SQL查询语句优化的实用方法总结  上海网站制作网站建设公司,建筑电工证网上查询系统入口？  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  建站之星后台管理如何实现高效配置？  如何快速生成可下载的建站源码工具？  南宁网站建设制作定制,南宁网站建设可以定制吗？  济南专业网站制作公司,济南信息工程学校怎么样？  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊？  英语简历制作免费网站推荐,如何将简历翻译成英文？  如何通过商城自助建站源码实现零基础高效建站？  如何挑选最适合建站的高性能VPS主机？  c++怎么用jemalloc c++替换默认内存分配器【性能】  如何确保FTP站点访问权限与数据传输安全？  开封网站制作公司,网络用语开封是什么意思？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  如何在IIS7上新建站点并设置安全权限？  ,购物网站怎么盈利呢？  青岛网站建设如何选择本地服务器？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  建站上市公司网站建设方案与SEO优化服务定制指南  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些？  招商网站制作流程,网站招商广告语？  兔展官网 在线制作,怎样制作微信请帖？  定制建站策划方案_专业建站与网站建设方案一站式指南  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？