需求描述
前端本地批量删除表格行数据,但是行数据没有唯一标识符
要获取唯一id标识,才能找到勾选中的,这里数据没有标识,那么就只能根据下标来了,但是@selection-change
是直接获取不到index
下标的,所以只能用:row-class-name。
<el-table
:data="tableData"
@selection-change="handleSelectionChange"
:row-class-name="tableRowClassName"
></el-table>
//row-class-name添加下标
tableRowClassName(row, index) {
row.row.index = row.rowIndex;
},
handleSelectionChange(val) {
this.multipleSelection = val;
},
delinfo() {
this.multipleSelection.forEach((item) => {
this.tableData = this.tableData.filter(
(items) => items.index !== item.index
);
});
},