微信小程序动态添加Class

由于小程序自身封装的原因,不能像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

})

}



猜你喜欢

转载自blog.csdn.net/wangle_style/article/details/79988642