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

微信小程序是个坑。js动态修改样式。我们不能用js或jq轻易修复它。或者使用removeClass addClass修改样式。

下面是一个动态修改样式的方法。其原理是先绑定数据，再动态修改数据，从而实现动态的风格变化。感觉有点......................但是我无能为力。如果你有更好的方法，可以在评论区分享。

test.wxml

视图样式=' text-align : center；'标签样式=' color: { { color } }'我更改颜色/标签按钮bindtap='单击红色'变成红色/按钮按钮bind tap='单击绿色'变成绿色/按钮/视图测试. js

page({ data : { color : ' red ' }，单击REDD : function(){ this . setdata({ color : ' red ' })}，单击green : function(){ this . setdata({ color 3360 ' green ' })} }

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