vue el-table 没有唯一标识时批量删除
2023-06-29 本文已影响0人
王哈哈zzz
一、需求描述:
-
企业微信截图_16881054506582.png
data格式:
企业微信截图_16881055393245.png
要获取唯一id标识,才能找到勾选中的,这里数据没有标识,那么就只能根据下标来了,但是@selection-change是直接获取不到index下标的,所以只能用:row-class-name。
<el-popconfirm title="这是一段内容确定删除吗?" @confirm="delinfo" >
<el-button slot="reference" class="filter-item" size="mini" type="danger" icon="el-icon-delete">删除</el-button>
</el-popconfirm>
<el-table ref="multipleTable" :data="showlistData" @selection-change="handleSelectionChange"
:row-class-name="tableRowClassName">
//row-class-name添加下标
tableRowClassName(row, index) {
row.row.index = row.rowIndex;
},
handleSelectionChange(val) {
this.multipleSelection = val;
},
delinfo(){
let that = this
this.multipleSelection.forEach(item => {
that.tableData = that.tableData.filter(items =>{
return items.index != item.index
})
})
},