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>

添加上述刷新重试即可

相关推荐
a11177610 分钟前
Markdown生成思维导图(html 开源)
前端·开源·html
我命由我1234521 分钟前
React - state、state 的简写方式、props、props 的简写方式、类式组件中的构造器与 props、函数式组件使用 props
前端·javascript·react.js·前端框架·html·html5·js
钰衡大师22 分钟前
Vue 3 源码学习教程
前端·vue.js·学习
C澒23 分钟前
React + TypeScript 编码规范|统一标准 & 高效维护
前端·react.js·typescript·团队开发·代码规范
时光少年40 分钟前
Android 视频分屏性能优化——GLContext共享
前端
IT_陈寒1 小时前
JavaScript开发者必知的5个性能杀手,你踩了几个坑?
前端·人工智能·后端
跟着珅聪学java1 小时前
Electron 精美菜单设计
运维·前端·数据库
日光倾1 小时前
【Vue.js 入门笔记】闭包和对象引用
前端·vue.js·笔记
EstherNi1 小时前
左右两侧定位的效果,vue3
javascript·vue.js
一只程序熊1 小时前
UniappX 未找到 “video“ 组件,已自动当做 “view“ 组件处理。请确保代码正确,或重新生成自定义基座后再试。
前端