技术栈

elementui table 表格 分页多选,保持选中状态

小周同学:2025-01-04 23:30

elementui多选时分页,解决选中状态无法保留选中项问题:

  1. 在el-table标签中加入row-key,row-key的值取当前数据里的唯一key

  2. 在el-table-column selection 项中加入以下:reserve-selection="true"

  3. 完成后,将需要清空的地方 ( 如返回,提交成功之后 ) 添加:

    this.$refs.table.clearSelection()

上一篇:开源GTKSystem.Windows.Forms框架:C# Winform跨平台运行深度解析
下一篇:上升沿下降沿递增
相关推荐
一枚前端小能手
2 分钟前
🚀 巨型列表渲染卡顿?这几个优化技巧让你的页面丝滑如德芙
前端·javascript
酷柚易汛智推官
2 分钟前
Electron技术深度解析:跨平台桌面开发的利器与挑战
前端·javascript·electron
llz_112
7 分钟前
第五周作业(JavaScript)
开发语言·前端·javascript
yannick_liu
18 分钟前
nuxt4 + nuxt-swiper实现官网全屏播放
前端
苏打水com
20 分钟前
JS基础事件处理与CSS常用属性全解析(附实战示例)
前端
W.Y.B.G
22 分钟前
JavaScript 计算闰年方法
开发语言·前端·javascript
小六路
31 分钟前
可以横跨时间轴,分类显示的事件
前端·javascript·vue.js
比老马还六
40 分钟前
Blockly文件积木开发
前端
Nayana
41 分钟前
Element-Plus源码分析-select组件
vue.js
Nayana
1 小时前
Element-Plus源码分析--form组件
前端
热门推荐
01两千字总结:Codex 国内如何安装和使用的教程,以及如何设置中文回答02BongoCat - 跨平台键盘猫动画工具03GitHub 镜像站点04UV安装并设置国内源05Linux下V2Ray安装配置指南06智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践07GitLab 零基础入门指南:从安装到项目管理全流程0846个Nano-banana 精选提示词,持续更新中092025羊城杯网络安全大赛 wp10Cursor Plan Mode:AI 终于知道先想后做了