解决element-ui e-table表格中使用多选,当翻页时已选中的数据丢失

用element-ui中的table时,当有多选又有翻页功能时,点击翻页后之前选中的数据会丢失,怎么使表格具有记忆功能呢

element-ui API中有几个属性可以供我们完美解决这个问题

1.单元格的属性和方法:

2.表格的方法:

javascript 复制代码
 <el-table v-if="dialogType == 0" ref="multipleTable" :data="dialogData" max-height="500px"
                @selection-change="handleSelectionChange"  :row-key="getRowKeys">
        <el-table-column type="selection" width="55" show-overflow-tooltip :reserve-selection="true"></el-table-column>
        <el-table-column prop="name" align="center" label="账号" show-overflow-tooltip></el-table-column>
   </el-table>

  data() {
      return {
        getRowKeys(row) {
        return row.userid;
      },
}
相关推荐
hexu_blog3 分钟前
前端vue后端springboot如何实现图片格式转换
前端·javascript·vue.js
代码煮茶4 分钟前
Vue3 项目规范实战 | ESLint+Prettier+Git Hooks 搭建前端代码规范体系
前端·javascript·vue.js
米丘4 分钟前
新一代代码格式化工具 Oxfmt/Oxlint
前端·rust·前端工程化
韭菜炒大葱13 分钟前
讲讲 浏览器的缓存机制
前端·面试·浏览器
AI砖家15 分钟前
DeepSeek TUI 保姆级安装配置全指南 -Windows||macOS双平台全覆盖
服务器·前端·人工智能·windows·macos·ai编程·策略模式
Apache01222 分钟前
chrome调试打开,让AI来操作浏览器
前端·chrome
lbaihao27 分钟前
LLVM Cpu0 调用规则解析
开发语言·前端·python·llvm
hexu_blog43 分钟前
前端vue 后端springboot如何实现图片去水印
前端·javascript·vue.js
whuhewei1 小时前
React搜索框组件
前端·javascript·react.js
姓王者1 小时前
Cloudflare Pages自定义依赖安装实践 | 姓王者的博客
前端