关于element+vue中table表单，选中删除功能

1、需求图片

2、代码

 

    //html代码
    <el-table 
        :showSetsize="true"
        height="78%" 
        :data="tableData"
        :columns="columnsUnit"
        @selection-change="(val) => (sltList = val)"
        border
    >
    </el-table>

    //js代码
    // 处理数组 sltList 为勾选的数据  tableData 为table表格的数据源
    handleArrTableData (arr = []) {
      let tableData = JSON.parse(JSON.stringify(this.tableData))
      if (arr.length && Array.isArray(arr)) {
        arr.forEach(ele => {
          tableData.forEach((item, index) => { 
            //根据id进行删除
            if (item.id== ele.id) {
              tableData.splice(index,1)
            }
          })
        })
        this.tableData = tableData
      }
    },