hi,欢迎访问本站!
当前位置: 首页学习笔记正文

vue通过点击;删除数组中某一项

用户投稿 学习笔记 16阅读

效果图:

通过点击’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); }},
标签:
声明:无特别说明,转载请标明本文来源!
发布评论
正文 取消