el-table实现单选删除和全选删除

就是实现选择可以删除的行,
代码如下

    handleSelectionChange(val) {
      this.sels = val
    },
    // 删除所选行
    deleteRow() {
      const val = this.sels
      if (val) {
        val.forEach((va, index) => {
          this.tableData.forEach((v, i) => {
            if (va.name === v.name) {
              this.tableData.splice(i, 1)
            }
          })
        })
      }
      this.$refs.multipleTable.clearSelection()
    }

思路就是点击框拿到数据,也就是handleSelectionChange(val) { this.sels = val },
这是element 自带的方法,拿到数据后遍历数据,与源数据也就是tableData 对比某一项(唯一标识),我这里对比的是name,相同就删除掉