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

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

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

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

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

    this.$refs.table.clearSelection()

相关推荐
计算机毕设VX:Fegn08952 小时前
计算机毕业设计|基于springboot + vue图书商城系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·课程设计
哆啦A梦15882 小时前
商城后台管理系统 03 登录布局
javascript·vue.js·elementui
曼巴UE53 小时前
UE FString, FName ,FText 三者转换,再次学习,官方文档理解
服务器·前端·javascript
行走的陀螺仪3 小时前
高级前端 Input 公共组件设计方案(Vue3 + TypeScript)
前端·javascript·typescript·vue·组件设计方案
一颗不甘坠落的流星4 小时前
【Antd】基于 Upload 组件,导入Json文件并转换为Json数据
前端·javascript·json
LYFlied4 小时前
Vue2 与 Vue3 虚拟DOM更新原理深度解析
前端·javascript·vue.js·虚拟dom
Lucky_Turtle4 小时前
【Node】npm install报错npm error Cannot read properties of null (reading ‘matches‘)
前端·npm·node.js
小飞侠在吗4 小时前
vue shallowRef 与 shallowReacitive
前端·javascript·vue.js
惜分飞5 小时前
sql server 事务日志备份异常恢复案例---惜分飞
前端·数据库·php