效果图:

通过点击’X’删除数组循环出来的对应项
在这里插入图片描述
代码:

v-for遍历出数据

<a-col :span="24" class="listBox" v-for="(item, index) in list" :key="index">
   <span>客群{{index+1}}</span>
   <span>{{item.crowdName}}</span>
   <span class="span_color">{{item.crowdUserNum}}</span>
   <span class="span_color" @click="removeCrodwNo(item)">X</span>
 </a-col>

点击‘X’删除对应项

removeCrodwNo (item) {
	let index = this.list.indexOf(item);
	if (index !== -1) {
      this.list.splice(index, 1);
    }
},
Logo

前往低代码交流专区

更多推荐