element table 通过selection-change选中的索引删除

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

<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()             },                   }