element table 手动全选记忆所勾选

2024-03-28 13:58

本文主要是介绍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 手动全选记忆所勾选的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/855798

相关文章

解决1093 - You can‘t specify target table报错问题及原因分析

《解决1093-Youcan‘tspecifytargettable报错问题及原因分析》MySQL1093错误因UPDATE/DELETE语句的FROM子句直接引用目标表或嵌套子查询导致,... 目录报js错原因分析具体原因解决办法方法一:使用临时表方法二:使用JOIN方法三:使用EXISTS示例总结报错原

Java实现自定义table宽高的示例代码

《Java实现自定义table宽高的示例代码》在桌面应用、管理系统乃至报表工具中,表格(JTable)作为最常用的数据展示组件,不仅承载对数据的增删改查,还需要配合布局与视觉需求,而JavaSwing... 目录一、项目背景详细介绍二、项目需求详细介绍三、相关技术详细介绍四、实现思路详细介绍五、完整实现代码

如何在Mac上彻底删除Edge账户? 手动卸载Edge浏览器并清理残留文件技巧

《如何在Mac上彻底删除Edge账户?手动卸载Edge浏览器并清理残留文件技巧》Mac上的Edge账户里存了不少网站密码和个人信息,结果同事一不小心打开了,简直尴尬到爆炸,想要卸载edge浏览器并清... 如果你遇到 Microsoft Edge 浏览器运行迟缓、频繁崩溃或网页加载异常等问题,可以尝试多种方

MySQL的ALTER TABLE命令的使用解读

《MySQL的ALTERTABLE命令的使用解读》:本文主要介绍MySQL的ALTERTABLE命令的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1、查看所建表的编China编程码格式2、修改表的编码格式3、修改列队数据类型4、添加列5、修改列的位置5.1、把列

Ubuntu上手动安装Go环境并解决“可执行文件格式错误”问题

《Ubuntu上手动安装Go环境并解决“可执行文件格式错误”问题》:本文主要介绍Ubuntu上手动安装Go环境并解决“可执行文件格式错误”问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未... 目录一、前言二、系统架构检测三、卸载旧版 Go四、下载并安装正确版本五、配置环境变量六、验证安装七、常见

Pandas透视表(Pivot Table)的具体使用

《Pandas透视表(PivotTable)的具体使用》透视表用于在数据分析和处理过程中进行数据重塑和汇总,本文就来介绍一下Pandas透视表(PivotTable)的具体使用,感兴趣的可以了解一下... 目录前言什么是透视表?使用步骤1. 引入必要的库2. 读取数据3. 创建透视表4. 查看透视表总结前言

Maven如何手动安装依赖到本地仓库

《Maven如何手动安装依赖到本地仓库》:本文主要介绍Maven如何手动安装依赖到本地仓库问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、下载依赖二、安装 JAR 文件到本地仓库三、验证安装四、在项目中使用该依赖1、注意事项2、额外提示总结一、下载依赖登

GORM中Model和Table的区别及使用

《GORM中Model和Table的区别及使用》Model和Table是两种与数据库表交互的核心方法,但它们的用途和行为存在著差异,本文主要介绍了GORM中Model和Table的区别及使用,具有一... 目录1. Model 的作用与特点1.1 核心用途1.2 行为特点1.3 示例China编程代码2. Tab

Vue项目中Element UI组件未注册的问题原因及解决方法

《Vue项目中ElementUI组件未注册的问题原因及解决方法》在Vue项目中使用ElementUI组件库时,开发者可能会遇到一些常见问题,例如组件未正确注册导致的警告或错误,本文将详细探讨这些问题... 目录引言一、问题背景1.1 错误信息分析1.2 问题原因二、解决方法2.1 全局引入 Element

element-ui下拉输入框+resetFields无法回显的问题解决

《element-ui下拉输入框+resetFields无法回显的问题解决》本文主要介绍了在使用ElementUI的下拉输入框时,点击重置按钮后输入框无法回显数据的问题,具有一定的参考价值,感兴趣的... 目录描述原因问题重现解决方案方法一方法二总结描述第一次进入页面,不做任何操作,点击重置按钮,再进行下