小程序之JavaScript动态修改样式代码展示
微信小程序这个坑啊,js动态修改样式,我们并不能用js或者jq 轻轻松松一行代码搞定。或者用removeclass addclass 来修改样式。
以下是一种动态修改样式的方法,原理是绑定数据,然后动态的修改数据,从而实现动态样式的改变而已。感觉有点········那个啥的,怪怪的。不过也没办法了。如果你有更好的方法,可以在评论区分享一下。
test.wxml
<view> <label>我会变色</label> <button>变红</button> <button>变绿</button></view>
test.js
Page({ data: { color: "red" }, clickRed: function () { this.setData({ color: "red" }) }, clickgreen: function () { this.setData({ color: "green" }) }})
效果
立即学习“Java免费学习笔记(深入)”;
文章推荐
-
揭秘:魏则西离去真正的原因(派代网)
魏则西事件一发酵,随即而来的除了各种的惋惜外,更多的是不断的声讨。 各大新闻媒体争相报道,愤声力讨百度与莆田系医院的不该...
前端问答
3天前 31 -
拒绝做微商被屏蔽拉黑,方法我有!(派代网)
很多做微商的朋友最深刻的领悟就是,在自己刷遍朋友圈后基本变得没朋友,想做好微商绝对不是每天几十次的刷屏,刷成交单,你是能...
前端问答
3天前 25 -
【派代&生意参谋电商论剑征文大赛】重磅!不看江湖地位,只论技法高下,等你来战!()
授人以鱼不如授人以渔。做电商会有很多的困惑...
前端问答
3天前 8 -
寻洲:微商警戒线,你知道几个?
据统计,现在做微商的人数已经超过3千万,并且这个数字还在不断上升。微商是一个大市场,是一块肥肉,大家都想吃。但是如果你存...
前端问答
3天前 10 -
拒绝做微商被屏蔽拉黑,方法我有!()
很多做微商的朋友最深刻的领悟就是,在自己刷遍朋友圈后基本变得没朋友,想做好微商绝对不是每天几十次的刷屏,刷成交单,你是能...
前端问答
3天前 9
最新文章