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 (要删除的元素, 删除个数)

猜你喜欢

转载自www.cnblogs.com/zhangym118/p/9617621.html