element ui el-table分页多选功能失效

编写 项目是遇到一个坑:selection-change:当选择项发生变化时会触发该事件(当分页切换时,选中的数据都会自动清空)

一、在el-table中
html 复制代码
// 添加 :row-key= "id"

 <el-table row-key="id" 
           :data="tableData"  
           @selection-change="handleSelectionChange">
 </el-table>
二、在el-table-column中
html 复制代码
/**设置 type="selection" 并且设置 :reserve-selection="true" **/

 <el-table-column 
    type="selection" 
    align="center"              
    :reserve-selection="true">
  </el-table-column>

添加上述刷新重试即可

相关推荐
Python大数据分析@几秒前
我把pdfplumber整成了可以拖拉拽的web软件
前端·pdf
小华同学ai5 分钟前
终于有人帮你整理好了,火爆的“系统级提示词”支持ChatGPT、Claude、Gemini、xAI的
前端·后端·github
葡萄城技术团队8 分钟前
SpreadJS 电子表格权限管控设置指南
前端
HashTang9 分钟前
一个人就是一支队伍:从 Next.js 到显示器,聊聊我的“全栈续航”方案
前端·后端·程序员
朕的剑还未配妥15 分钟前
vue2中transition使用方法解析,包含底部弹窗示例、样式未生效踩坑记录
前端·vue.js
q***484117 分钟前
Redis Desktop Manager(Redis可视化工具)安装及使用详细教程
android·前端·后端
码上成长17 分钟前
组件库提速:Storybook + Chromatic + Visual Test 实战
前端·自动化
w***741720 分钟前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
灵犀坠27 分钟前
前端核心知识体系梳理:从Vue 3到现代CSS与JavaScript
前端·javascript·vue.js
lcc18729 分钟前
Vue3 新的组件
前端·vue.js