小程序点击事件改变样式(普通js鼠标点击事件)
时间：2018-09-16 16:12:11
收藏：0
阅读：896
1.wxml中
<view class="column">
<view class="body-view {{num==1?‘active‘:‘‘}}" bindtap="bindChoice" data-num=‘1‘>推荐</view>
<view class="body-view {{num==2?‘active‘:‘‘}}" bindtap="bindChoice" data-num=‘2‘>热门</view>
<view class="body-view {{num==3?‘active‘:‘‘}}" bindtap="bindChoice" data-num=‘3‘>分类</view>
</view>
2.js中
data{
num:1
}
bindChoice:function(e){
console.log(e);
this.setData({
num:e.target.dataset.num
})
}
评论（0）