element table 手动全选记忆所勾选

本文主要是介绍element table 手动全选记忆所勾选，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

实现效果如下

想法-----点击选中返回的为选中的数组其中selection-change在跳转页面时候触发，所以用了上两个方法

----》新建数组存放选中----》点击选中按钮返回其中对象----》遍历所存数组有此对象为删除，无为添加

其中需用

this.tableData.forEach((row) => {

this.$refs.tablebox.toggleRowSelection(row, true);

});

来设置默认选中状态

核心代码如下

 handleSelectionChange(selection, row) {//判断点击的tagif (this.activeName === "2") {//倒序遍历删除所选内容for (let i = this.tableDataSlect.length - 1; i >= 0; i--) {if (this.tableDataSlect[i].id == row.id) {this.tableDataSlect.splice(i, 1);}}this.$nextTick(() => {this.tableData.forEach((row) => {this.$refs.tablebox.toggleRowSelection(row, true);});});this.tableData = this.tableDataSlect;this.tableDataLength = this.tableDataSlect.length;} else {// 判断为空直接传入if (this.tableDataSlect.length == 0) {this.tableDataSlect.push(row);this.tableDataLength = this.tableDataSlect.length;return false;}//   给定状态判断是否删除let stu = false;for (let i = this.tableDataSlect.length - 1; i >= 0; i--) {if (this.tableDataSlect[i].id == row.id) {this.tableDataSlect.splice(i, 1);stu = true;}}//   正序splice// for(let i=0;i<this.tableDataSlect.length;i++){// 	if(this.tableDataSlect[i].id==row.id){// 		console.log(i)// 		this.tableDataSlect.splice(i,1)// 		console.log(this.tableDataSlect,i)// 		 stu=true// 		 break;// 	}// }//   删除if (stu == false) {this.tableDataSlect.push(row);}this.tableDataLength = this.tableDataSlect.length;}},

全部实现放资源中，数据格式如下