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>

添加上述刷新重试即可

相关推荐
云枫晖1 分钟前
手写Promise-构造函数
前端·javascript
文心快码BaiduComate2 分钟前
用Comate Zulu开发一款微信小程序
前端·后端·微信小程序
王王碎冰冰5 分钟前
基于 Vue3@3.5+跟Ant Design of Vue 的二次封装的 Form跟搜索Table
前端·vue.js
naice1 小时前
我对github的图片很不爽了,于是用AI写了一个图片预览插件
前端·javascript·git
天蓝色的鱼鱼1 小时前
Element UI 2.X 主题定制完整指南:解决官方工具失效的实战方案
前端·vue.js
RoyLin1 小时前
TypeScript设计模式:门面模式
前端·后端·typescript
小奋斗1 小时前
千量数据级别的数据统计分析渲染
前端·javascript
小文刀6961 小时前
CSS-响应式布局
前端
三小河2 小时前
overflow:auto 滚动的问题,以及flex 布局中如何设置
前端·javascript
薛定谔的算法2 小时前
phoneGPT:构建专业领域的检索增强型智能问答系统
前端·数据库·后端