小程序 绑定class

Posted fm060

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序 绑定class相关的知识,希望对你有一定的参考价值。

<view class="list-wrapper">
      <view class="list-top">
         <view data-num="1" class="list-menu list-menu1 {{_num==1?‘cur‘:‘‘}}" bindtap="menuClick">头条</view>
         <view data-num="2" class="list-menu list-menu2 {{_num==2?‘cur‘:‘‘}}" bindtap="menuClick">活动</view>
         <view data-num="3" class="list-menu list-menu3 {{_num==3?‘cur‘:‘‘}}" bindtap="menuClick">公告</view>
      </view>
</view>

  

点击事件

menuClick:function(e){
      this.setData({
         _num:...
      })
  },

  

以上是关于小程序 绑定class的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序绑定列表数据

小程序动态控制多个class

微信小程序代码片段

微信小程序如何动态增删class类名

微信小程序代码片段分享

小程序各种功能代码片段整理---持续更新