vue 样式class多选、单选，vue多选，vue单选

1.这里通过for循环列出数据，绑定需要写样式的className：原有className=‘shop-checked’；选中className=is-shop-checked

<span v-for="(itemIn,index)in data" class="shop-checked-parcel" @click="onShopChecked(itemIn.skuId)">
   <image  :class="['shop-checked',{'is-shop-checked':groupCheckeds.includes(itemIn.skuId)}]"   src="/static/images/icon/checked.png" class="shop-checked" />
</span>

2.选中的Id存放处

 data() {
    return {
      groupCheckeds: [],//选中存放处
    };
  },

3.写在methods中的方法

onShopChecked(skuId) {
      let self = this;
      let arr = self.groupCheckeds;
      let checkedData = []
      if(arr.includes(skuId)){
        let index = arr.indexOf(skuId);
        if(index > -1){
          arr.splice(index,1)
        }
      }else if(self.groupCheckeds.length = 1){//=1就是单选，不做这个判断就是多选，上限是20个选中就=20
          self.groupCheckeds.push(skuId)
      }else if(self.groupCheckeds.length > 1){//这是预防超出上限的操作
      	//这里写自己的message提示信息
        uni.showToast({
          title: '超出批量操作限制',
          duration: 1000,
          position: "bottom",
          icon: "none",
        });
        return
      }
      //这里是把数据存在这个方法中
      self.groupCheckeds.map((item)=>{
        checkedData.push(item)
      })
      //把选中的数据发送到父组件
      self.$emit('childrenData',checkedData)
    }