微信小程序 JS动态修改样式的实现代码
更新时间：2017年02月10日 13:48:06 作者：huangenai
这篇文章主要介绍了微信小程序 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动态修改样式的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
javascript实现二分查找法实现代码...2007-11-11
这篇文章给大家介绍了如何使用js实现高精度加减乘除模板,文章通过代码示例介绍的非常详细,对大家的学习或工作有一定的帮助,感兴趣的小伙伴可以自己动手尝试一下2023-10-10
首先我们要知道，js这门语言是单线程的，同时只能做一件事，比如说渲染dom，执行js方法，这些事情只能一个一个做，不能分开执行。（因为js需要操作dom，当两个js方法同时操作一个dom的时候就会出问题，所以js被设计成了单线程）。本文将介绍JS三座大山之异步和单线程。2021-06-06
这篇文章主要给大家介绍了关于前端js中事件循环eventloop机制的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-05-05
循环调用,如果已经获取到了结果,则退出循环，下面有个不错的示例，感兴趣的朋友可以尝试操作下2013-11-11
正则表达式(Regular Expression)是一门简单语言的语法规范，是强大、便捷、高效的文本处理工具，它应用在一些方法中，对字符串中的信息实现查找、替换和提取操作2021-11-11
这篇文章主要介绍了JS扩展类，克隆对象与混合类,通过自定义extend,clone与augment函数实例分析了类的扩展，对象的克隆与混合类相关实现与使用技巧,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了JS同源策略和跨域问题深入分析和解决,在Web开发中,跨域问题是一个常见且必须解决的难题,当浏览器出于安全考虑限制不同源之间的资源交互时,开发者需要掌握多种方案来绕过这些限制,需要的朋友可以参考下2025-02-02
这篇文章主要介绍了JS字符串常用操作方法,结合实例形式总结分析了javascript字符串获取、返回、拼接、替换、搜索、计算等相关操作技巧,需要的朋友可以参考下2019-06-06
以JavaScript来实现WordPress中的二级导航菜单的方法
这篇文章主要介绍了以JavaScript来实现WordPress中的二级导航菜单的方法,文中首先对WordPress基本的PHP导航菜单的做法给出了说明来作为基础,需要的朋友可以参考下2015-12-12
最新评论