element table 通过selection-change选中的索引删除
:row-class-name="tableRowClassName" @selection-change="handleSelectionChange">
methods:{
// 添加索引
tableRowClassName(row, index){
// 给每条数据添加一个索引
row.row.index = row.rowIndex
},
deleteData () {
//拿到选中的数据
let val = this.multipleSelection
//如果选中数据存在
if(val){
//将选中数据遍历
val.forEach((val,index) =>{
//遍历源数据
this.tableData.forEach((v,i)=>{
//如果选中数据和源数据的某一条唯一标识符相等,删除对应的源数据
if(val.index === v.index){
this.tableData.splice(i,1)
}
})
})
}
//清除选中状态
this.$refs.multipleTable.clearSelection()
},
}