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);
    }
},