小程序点击事件改变样式(普通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

})

}

转载于:https://www.cnblogs.com/isuansuan/p/9655615.html