首先前提是能获取当前表格的全部数据和要取消勾选的数据。
默认选中和取消选中差不多,我这里的业务场景是删除选中数据。
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
感谢!~