需求描述:
点击删除时,仅删除当前选中的这个对象。
html:
<el-card shadow="never" style="position: relative;"> <div class="lottery-ct"> 总量: <el-input type="number" @change="totalChange(item)" v-model="item.totalNum" style=" 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 (要删除的元素, 删除个数)