vue通过点击;删除数组中某一项
vue通过点击;删除数组中某一项
·
效果图:
通过点击’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);
}
},
更多推荐
已为社区贡献2条内容
所有评论(0)