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>

添加上述刷新重试即可

相关推荐
3824278273 分钟前
python:正则表达式
前端·python·正则表达式
用户479492835691510 分钟前
我是怎么把模型回复用tts播放的更自然的
前端
JS_GGbond10 分钟前
前端崩溃监控:给网页戴上“生命体征监测仪”
前端
俊劫11 分钟前
AI 编码技巧篇(内部分享)
前端·javascript·ai编程
Maxkim12 分钟前
一文读懂 Chrome CRX📦:你需要了解的核心知识点
前端·前端工程化
JackJiang14 分钟前
AI大模型爆火的SSE技术到底是什么?万字长文,一篇读懂SSE!
前端·websocket
Mr_chiu14 分钟前
数据可视化大屏模板:前端开发的效率革命与架构艺术
前端
进击的野人15 分钟前
一个基于 Vue 的 GitHub 用户搜索案例
前端·vue.js·前端框架
ZsTs11915 分钟前
《2025 AI 自动化新高度:一套代码搞定 iOS、Android 双端,全平台 AutoGLM 部署实战》
前端·人工智能·全栈
命中水15 分钟前
从怀疑到离不开:我第一个由 AI 深度参与完成的真实项目复盘
前端·openai