就是实现选择可以删除的行,
代码如下
handleSelectionChange(val) {
this.sels = val
},
// 删除所选行
deleteRow() {
const val = this.sels
if (val) {
val.forEach((va, index) => {
this.tableData.forEach((v, i) => {
if (va.name === v.name) {
this.tableData.splice(i, 1)
}
})
})
}
this.$refs.multipleTable.clearSelection()
}
思路就是点击框拿到数据,也就是handleSelectionChange(val) { this.sels = val },
这是element 自带的方法,拿到数据后遍历数据,与源数据也就是tableData 对比某一项(唯一标识),我这里对比的是name,相同就删除掉