微信小程序:通过控制类名进行切换

通过判断num于循坏的下标是否相等来达到切换类名的效果

<view wx:for="{{list}}" wx:for-index="idx" class="{{num==idx?'test1':'test'}}" data-ind="{{idx}}" bindtap='test'>
  {{item}}
  <view class='test2'>
    <view wx:for="{{name}}">
      {{item}}
    view>
  view>
view>
data: {
    list: ["销售1", "销售2", "销售3", "销售4"],
    name: ["小张","小张","小张"],
    num:"-1",
  },
  test(e){
    var ind = e.currentTarget.dataset.ind;
    if(this.data.num==ind){/*当两个下标相等的时候就取消添加的类名*/
      this.setData({
        num:"-1"
      })
    }else{
      this.setData({
        num: ind,
      })
    }
  }

你可能感兴趣的:(微信小程序)