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>

添加上述刷新重试即可

相关推荐
小oo呆1 分钟前
【学习心得】Python的Pydantic(简介)
前端·javascript·python
funnycoffee1239 分钟前
F5 Big IP如何设置web和SSH登录的白名单
前端·tcp/ip·ssh
北辰alk16 分钟前
Vue 数据响应式探秘:如何让数组变化无所遁形?
vue.js
JarvanMo17 分钟前
国产 App,求你放过我的 iPhone 电量吧!
前端
先飞的笨鸟20 分钟前
2026 年 Expo + React Native 项目接入微信分享完整指南
前端·ios·app
angelQ22 分钟前
Vercel部署:前后端分离项目的整体部署流程及问题排查
前端·javascript
AI前端老薛22 分钟前
CSS实现动画的几种方式
前端·css
晨米酱24 分钟前
轻量级 Git Hooks 管理工具 Husky
前端·代码规范
Jing_Rainbow26 分钟前
【 前端三剑客-35 /Lesson58(2025-12-08)】JavaScript 原型继承与对象创建机制详解🧬
前端·javascript·面试
携欢26 分钟前
portswigger靶场之修改序列化数据类型通关秘籍
android·前端·网络·安全