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>

添加上述刷新重试即可

相关推荐
计算机毕设VX:Fegn0895几秒前
计算机毕业设计|基于springboot + vue小区人脸识别门禁系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
前端小L13 分钟前
贪心算法专题(十三):画地为牢的艺术——「划分字母区间」
javascript·算法·贪心算法
北冥有一鲲34 分钟前
A2A协议与LangChain.js实战:构建微型软件工厂
开发语言·javascript·langchain
UIUV1 小时前
JavaScript 遍历方法详解
前端·javascript·代码规范
火车叼位1 小时前
开发者必看:三大 CLI 工具 MCP 配置详解
javascript
拾荒李1 小时前
虚拟列表进阶-手搓不定高虚拟列表实现
javascript·性能优化
Zyx20071 小时前
React 中的 Props:组件通信与复用的核心机制
前端
海云前端12 小时前
大模型Function Calling的函数如何调用的?
前端
ohyeah2 小时前
防抖与节流:前端性能优化的两大利器
前端·javascript