一、根据id删除对应数据
<!-- 点击传入当前点击的数据 -->
<el-button type="dangerous" @click="handleClickDelProduct(scope.row)">删除</el-button>
//ES6
//根据id查找元素 findIndex
//函数内如果返回true，就结束遍历并返回当前index;
//index如果没有找到返回-1
handleClickDelProduct(row) {
let index = this.newList.findIndex((product) => {
return row.id == product.id
})
if (index !== -1) {
this.newList.splice(index, 1)
}
},
二、根据下标删除对应数据
<!-- 点击传入当前点击的下标 -->
<div v-for="(item,index) in list" :key="index">
<div @click="deletes(index)">
{{item.name}}
</div>
</div>
//拿到当前下标 通过splice方法删除当前下标所在数据
//index就是点击事件传过来的参数 下标
deletes(index){
this.list.splice(index, 1)
}
