由于小程序自身封装的原因,不能像js那样直接操纵dom,所以需要通过绑定数据来实现:
<div bindtap="gouwuche" class="{{kucun==0?'hui':''}}">加入购物车</div>
上面的class就是动态绑定的,其原理是通过kucun这个data值来判断hui这个class是否出现,当然kucun这个data
怎么来的可以自行设置,比如跳转传值,或者是点击事件绑定data-来传值。。。。
比如:绑定data-来传值
<div bindtap="gouwuche" data-kucun="1" class="{{kucun==0?'hui':''}}">
然后在js中setData就行了
gouwuche:function(e){
this.setData({
kucun:e.target.dataset.kucun
})
}
本文介绍如何在小程序中通过数据绑定动态改变元素的样式类,实现条件渲染效果。具体方法是利用数据状态的变化来决定特定样式类是否应用到指定元素上。
6903

被折叠的 条评论
为什么被折叠?



