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

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

  

原文地址:https://www.cnblogs.com/hpx2020/p/11791103.html