el-table 使用多选框，翻页、搜索时保持选中状态

复制代码
 1 1、el-table 加一个方法：:row-key="get_row_key"
 2 
 3 2、在 methods 中：
 4 
 5 // 保持选中状态
 6   get_row_key(row) {
 7    // 保证是唯一标识符即可
 8    return row.id
 9   },
10 
11 3、加上 :reserve-selection="true"
12 <el-table-column type="selection" align="center" :reserve-selection="true"> </el-table-column>
复制代码

 

posted @   前端朝花夕拾  阅读(880)  评论(0)  编辑  收藏  举报
相关博文：
·  el-table 跨页勾选，保存勾选不同页数据
·  Vue+el-table实现行内新增、编辑、取消、删除
·  解决 el-table 多选框，选中后，翻页再回来选中失效问题
·  element中table的多选框，以及回显列表里已经选中的，（翻页也可保持已选中状态）
·  Element-UI的table实现分页多选功能
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示
SQL AI 助手