默认全部选中
<el-table :data="tableParams.data"
ref="multipleTable"
v-loading="loadingTable"
@select-all="handleSelectionAll"
@select="handleSelectionChange"
//选中记录
let snArary=selection.map(item => item.SN);
let deselectedRows = this.tableParams.data.filter(row => !snArary.includes(row.SN)).map(item=>item.SN);
this.selectedData=Array.from(new Set([...this.selectedData, ...snArary]));
this.selectedData = this.selectedData.filter((item) => {
if (deselectedRows.includes(item)) {
this.select_nums++; // 重新选中时,选择数量加1
return false; // 过滤掉重新选中的数据
}
return true; // 保留取消选择的数据
});
this.select_nums=this.selectedData.length;
//全选判断
let snArary=selection.map(item => item.SN);
let deselectedRows = this.tableParams.data.filter(row => !snArary.includes(row.SN)).map(item=>item.SN);
if (deselectedRows.length>0) {
this.CaneclData=Array.from(new Set([...this.CaneclData, ...deselectedRows]));
}
this.CaneclData = this.CaneclData.filter((item) => {
if (snArary.includes(item)) {
this.select_nums++; // 重新选中时,选择数量加1
return false; // 过滤掉重新选中的数据
}
return true; // 保留取消选择的数据
});
this.select_nums = this.total - this.CaneclData.length;
标签:vue,表格,deselectedRows,item,选中,SN,snArary,table,CaneclData
From: https://www.cnblogs.com/mengluo/p/18306071