el-table多选,分页切换时,选中内容不变;清空多选的内容

server/2024/9/25 18:51:10/

el-table中添加:row-key=“getRowKeys”
设置true【 :reserve-selection=“true”】

javascript">:row-key="getRowKeys" <el-table-column type="selection" :reserve-selection="true" width="55" align="center" fixed="left" />
<el-table ref="multipleTable" :row-key="getRowKeys" :data="tableData" role="table"height="100%" @selection-change="handleSelectionChange":header-cell-style="{ background: '#1890ff', color: '#fff', fontSize: '14px', fontFamily: 'SourceHanSansSC-Medium', fontWeight: '500' }"size="small"><el-table-column type="selection" :reserve-selection="true" width="55" align="center" fixed="left" /><el-table-column type="expand" width="55" fixed="left"> <template slot-scope="props"><el-form style="padding: 0 20px;" label-position="left" inline class="demo-table-expand"><el-form-item :style="'width:380px'" v-for="(i, j) in columns" :label="i.label + ':'" :key="j"><span>{{ props.row[i.prop] }}</span></el-form-item></el-form></template></el-table-column><el-table-column type="index" :index="indexMethod" width="55" align="center" label="序号" /><template v-for="(item, index) in columns"><el-table-column v-if="queryParams.layout && item.abstract" :key="index" show-overflow-tooltip:label="item.label" align="center" :width="item.width"><template slot-scope="scope"><span>{{ scope.row[item.prop] }}</span></template></el-table-column><el-table-column v-if="!queryParams.layout" :key="index" show-overflow-tooltip :label="item.label"align="center" :width="item.width"><template slot-scope="scope"><span>{{ scope.row[item.prop] }}</span></template></el-table-column></template></el-table>
javascript"> getRowKeys(row) {return row.id},

清空多选

javascript"> this.$refs.multipleTable.clearSelection()

http://www.ppmy.cn/server/121955.html

相关文章

Python提供内置正则表达式库

正则表达式是一种强大的文本处理工具&#xff0c;可以匹配文本片段的模式 最简单的正则表达式就是普通的字符串&#xff0c;可以匹配自身 要注意的是&#xff0c;正则表达式并不是一个程序&#xff0c;它使用一种特定的语法模式来描述在搜索文本时要匹配的一个或多个字符串。正…

解锁零售业中的AI力量:7个经过验证的增长策略

目录 将AI整合到实体零售店的好处7个经过验证的AI零售增长策略 1. 顾客行为分析2. 动态定价3. AI驱动的聊天机器人和虚拟助手4. AI驱动的库存管理5. 视觉搜索和图像识别6. 自动化的供应链优化7. 通过AR和VR增强的店内体验 中小零售企业实施AI解决方案在零售中实施AI的挑战为未…

ProgrammerAI—AI辅助编程学习指南

前言 随着AIGC&#xff08;AI生成内容&#xff09;技术的快速发展&#xff0c;诸如ChatGPT、MidJourney和Claude等大语言模型相继涌现&#xff0c;AI辅助编程工具正逐步改变程序员的工作方式。这些工具不仅可以加速代码编写、调试和优化过程&#xff0c;还能帮助解决复杂的编程…

用Java提取PDF表格到文本、CSV、Excel工作表

如何精准地提取PDF格式中嵌入的表格数据&#xff0c;并将其无缝转换为更加易于分析和操作的形式&#xff0c;如纯文本、CSV文件或Excel工作表&#xff0c;是一项重要的文档处理技巧。使用Java&#xff0c;我们可以简单地实现这一过程。本文将介绍如何利用Java从PDF文档提取表格…

清理C盘缓存,电脑缓存清理怎么一键删除,操作简单的教程

清理C盘缓存是维护电脑性能、释放磁盘空间的重要步骤。以下是一个详细且操作简单的教程&#xff0c;旨在帮助用户通过一键或几步操作完成C盘缓存的清理。 1.使用Windows系统自带工具 磁盘清理 1.打开磁盘清理工具&#xff1a; -按下“WinE”打开文件资源管理器…

程序员保碗之策

欢迎来到 破晓的历程的 博客 ⛺️不负时光&#xff0c;不负己✈️ 文章目录 1. **持续深化技术实力&#xff1a;从基础到前沿**夯实基础紧跟技术前沿跨领域融合 2. **提升实战能力&#xff1a;从项目到产品**参与实际项目自主实践产品思维 3. **建立个人品牌与影响力&#xff…

基于微信小程序的童装商城的设计与实现+ssm(lw+演示+源码+运行)

童装商城小程序 摘 要 随着移动应用技术的发展&#xff0c;越来越多的用户借助于移动手机、电脑完成生活中的事务&#xff0c;许多的传统行业也更加重视与互联网的结合&#xff0c;由于城镇人口的增加&#xff0c;人们去商场购物总是排着长长的队伍&#xff0c;对于时间紧的人…

EfficientNet(2019):基于复合缩放的自动化架构搜索高效网络!

EfficientNet: Rethinking Model Scaling for Convolutional Neural Networks EfficientNet&#xff1a;重新思考卷积神经网络的模型扩展 论文下载地址&#xff1a; https://arxiv.org/abs/1905.11946 学习笔记参考了这位大佬&#xff1a;https://blog.csdn.net/qq_37541097/ar…