选项卡选中取消

wxml

    <view wx:for="{{list}}" wx:for-item="item" wx:for-key="item.value"
        class="item {{item.selected ? 'selected' : ''}}" data-index="{{index}}" bindtap="toggleSelect">
        <image src="{{item.img}}"></image>
        <view>{{item.name}}</view>
      </view>

js

 list: [{
        name: '吃货',
        img: '/static/images/chihuo.png',
        value: 'chihuo',
        selected: true
      },
      {
        name: '不愿运动',
        img: '/static/images/lan.png',
        value: 'lan'
      },
      {
        name: '经常晚睡',
        img: '/static/images/wanshui.png',
        value: 'wanshui'
      },
      {
        name: '乐酒族',
        img: '/static/images/hejiu.png',
        value: 'hejiu'
      },
      {
        name: '乐烟族',
        img: '/static/images/chouyan.png',
        value: 'chouyan'
      },
      {
        name: '作息不规律',
        img: '/static/images/zuoxi.png',
        value: 'zuoxi'
      },
      {
        name: '我很自律',
        img: '/static/images/zilv.png',
        value: 'zilv'
      },
      {
        name: '有钱很忙',
        img: '/static/images/youqian.png',
        value: 'youqian'
      },
      {
        name: '闲到吃土',
        img: '/static/images/chitu.png',
        value: 'chitu'
      },
      {
        name: '忙穷族',
        img: '/static/images/mang.png',
        value: 'mang'
      },
      {
        name: '经常出差',
        img: '/static/images/chuchai.png',
        value: 'chuchai'
      }
    ],

toggleSelect: function (e) {
    const index = e.currentTarget.dataset.index
    console.log(index, 333)
    const list = this.data.list
    list[index].selected = !list[index].selected
    this.setData({
      list
    })
  },