elementUi中根据选中的数据，取消勾选表格行数据。

首先前提是能获取当前表格的全部数据和要取消勾选的数据。

默认选中和取消选中差不多，我这里的业务场景是删除选中数据。

selectValueClose(data){
    this.multipleSelection(data);//点击tags标签的X删除
        
     // 取消表格的勾选  当前表格数据 =》tableArrayData  要取消勾选的数据 =》data(一个对象)
     this.tableArrayData.forEach(row => {
        if(data.id == row.id){
            this.$refs.formList.toggleRowSelection(row,false);
        }
     });
},

默认选中数据则是：

// 这里通过循环选中列表multipleSelection，从所有列表tableData中找到需要选中的项来帮助选中
toggleSelection(rows) {
  //multipleSelection是一个选中数据列表
  //tableData 是所有的数据列表
  this.multipleSelection.forEach(row => {
      //可以从列表中找到需要选中的那个对象，然后把它作为选中的项
      this.$refs.multipleTable.toggleRowSelection(this.tableData.find(item=>{
          return row.name == item.name;  // 注意这里寻找的字段要唯一
      }),true);
  });
}

 

仅供参考~

参考博客：https://blog.csdn.net/lxy869718069/article/details/103596094

感谢！~