本文主要是介绍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;}},
全部实现放资源中,数据格式如下
另,,,所选中数组为本地分页 全部实现放资源中 ------》element 全选记忆
这篇关于element table 手动全选记忆所勾选的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!