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>

添加上述刷新重试即可

相关推荐
指尖跳动的光6 分钟前
将多次提交合并成一次提交
前端·javascript
程序员码歌11 分钟前
短思考第263天,每天复盘10分钟,胜过盲目努力一整年
android·前端·后端
oden15 分钟前
1 小时速通!手把手教你从零搭建 Astro 博客并上线
前端
若梦plus15 分钟前
JS之类型化数组
前端·javascript
若梦plus15 分钟前
Canvas 深入解析:从基础到实战
前端·javascript
若梦plus20 分钟前
Canvas渲染原理与浏览器图形管线
前端·javascript
C_心欲无痕1 小时前
vue3 - 依赖注入(provide/inject)组件跨层级通信的优雅方案
前端·javascript·vue.js
幺零九零零1 小时前
全栈程序员-前端第二节- vite是什么?
前端
你脸上有BUG1 小时前
TreeSelect 组件 showCheckedStrategy 属性不生效问题
前端·vue