小程序点击事件改变样式(普通js鼠标点击事件)

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
})
}

小程序点击事件改变样式(普通js鼠标点击事件)

上一篇:让你的高清监控摄像头,轻松实现在微信公众号直播


下一篇:WSL2作为phpstorm/ide 的默认终端