<el-table
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange">
</el-table>
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()
},
}