uni-app实现列表数据选中多个功能<view :class="['list',{'selected':groupIds.includes(item.ssTid)}]"  v-for="(item, index) of list.data" :key="index" @click="handleToSelect(item.ssTid)">
  <view class="ev"><view>商品名称:</view><view>{{ item.sgName || '-' }}</view></view>
</view>
// 选中的样式
.selected{
  border:2px solid red;
}
<script>
  data() {
    return: {
      groupIds: []  // 选中的数据数组
    }
  }
</script>
// 点击选择
handleToSelect(id){
uniapp 字符串转数组  let _this = this;
  let arr = _upIds;
  if(arr.includes(id)){
    //includes()⽅法判断是否包含某⼀元素，返回true或false表⽰是否包含元素，对NaN⼀样有效
    let index = arr.indexOf(id); // 判断数组中是否有选中的id，如果有则去掉
    if(index > -1){
      arr.splice(index,1)
    }
  }else{
    _upIds.push(id)
  }
},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。