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>

添加上述刷新重试即可

相关推荐
CoolerWu1 分钟前
2025 · 我与 AI / Vibe Coding 的一年
前端·后端
张风捷特烈3 分钟前
AI 四格笑话爆火,我做了什么?
前端·aigc
东方-教育技术博主3 分钟前
IDEA 配置electron开发环境
前端·javascript·electron
AC赳赳老秦5 分钟前
DeepSeek-Coder vs Copilot:嵌入式开发场景适配性对比实战
java·前端·后端·struts·mongodb·copilot·deepseek
一只专注api接口开发的技术猿9 分钟前
智能决策数据源:利用 1688 商品详情 API 构建实时比价与供应链分析系统
大数据·前端·数据库
程序员修心23 分钟前
CSS 选择器知识点
前端·css·css3
梦65028 分钟前
React + FullCalendar 实现高性能跨天事件日历组件
前端·react.js·前端框架
C_心欲无痕29 分钟前
react - 组件之间的通信
前端·javascript·react.js
Lupino31 分钟前
Node.js 与 Haskell 混合网络编程踩坑记:TCP 粘包与状态不一致引发的“死锁”
javascript·node.js
走粥36 分钟前
JavaScript Promise
开发语言·前端·javascript