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

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

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

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

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

    this.$refs.table.clearSelection()

相关推荐
UXbot6 分钟前
AI原型设计工具如何从PRD自动生成交互原型
前端·低代码·ui·交互·ai编程·原型模式
Csvn8 分钟前
Vue 最佳实践
前端·vue.js
daols8815 分钟前
vxe组件 vxe-table 权限控制:通过 permission-code 实现按钮级显隐
vue.js·vxe-table·vxe-ui
产品经理爱开发19 分钟前
老师用AI开发的HTML教具如何在线托管访问
前端·html·ai编程·持续部署·源代码管理
星恒随风20 分钟前
四天学完前端基础三件套(CSS篇)
前端·css·笔记·学习
贫民窟的勇敢爷们29 分钟前
Vue项目性能优化的全流程指南
前端·vue.js·性能优化
小短腿的代码世界1 小时前
Qwt实时FFT频谱分析深度解析:从信号采集到可视化渲染的完整架构设计
前端·qt·架构·交互
初见雨夜1 小时前
提测前让 AI 检查一下代码,我的 Bug 率降低了 20%
前端·ai编程
光影少年1 小时前
react的 useState 原理、批量更新机制
前端·react.js·掘金·金石计划
叫我少年1 小时前
Markdown 备忘清单
前端