Vue-动态修改数组

 

需求描述：

　　点击删除时，仅删除当前选中的这个对象。

 

html：

<el-card shadow="never" style="position: relative;">
    <div class="lottery-ct">
         总量：
       <el-input type="number" @change="totalChange(item)" v-model="item.totalNum" style="width: 12%;" :disabled="isOpen"></el-input>
         库存： {{item.stockNum}}
     </div>
     <img style="position: absolute;right: 0;top: 10px;right: 10px;cursor: pointer;" src="images/i-cl-close1.115e49e.png" @click="closeList(item)"></img>
</el-card>

 

@click="closeList(item)" 将当前循环的 item 传入

js：

 closeList(item){
        this.list.splice(this.list.indexOf(item), 1)
},

　　运用 splice (要删除的元素， 删除个数)

 

转载于:https://www.cnblogs.com/zhangym118/p/9617621.html