el-table type=“selection“换页多选数据丢失的解决办法

element里有一个 reserve-selection属性

设置以后就可以保留之前选中的选项,但还要设置row-key

代码如下:

html 复制代码
<el-table
  ref="mytable"
  :data="HostRows"
  border
  v-loading="loading"
  element-loading-text="正在加载中..."
  @selection-change="SelectionChange"
  :row-key="
    (row)=>{
       return row.ip
   }
  "
>
<el-table-column prop="ip" label="IP" align="center"></el-table-column>
<---其他--->
<el-table-column :reserve-selection='true' type="selection" width="45"></el-table-column>
</el-table>

🆗🦌

相关推荐
烬羽2 小时前
React Router v7 完全指南:一个 Demo 吃透前端路由
javascript·react.js·前端框架
現実君3 小时前
【硬件进阶】AD22上位替换JLEDA教程
开发语言·php
烬羽3 小时前
从"整个页面刷新"到"丝滑切换":手写一个 HashRouter 彻底搞懂前端路由
javascript·前端框架·全栈
mubei-1233 小时前
SpringDAO的用法
java·开发语言·数据库
用户938515635073 小时前
从零理解 React Router v6:每一个 API 都是怎么工作的
前端·javascript·全栈
用户059540174465 小时前
Redis缓存回滚踩坑实录:一个配置失误,让我在凌晨3点丢了3000条数据
前端·css
格林威5 小时前
多相机微秒级对齐:硬件触发 vs PTP(IEEE 1588)方案实战对比
开发语言·人工智能·数码相机·机器学习·计算机视觉·视觉检测·机器视觉
kyriewen6 小时前
别再这样写条件渲染了——你的React组件里藏着这5种定时炸弹
前端·javascript·react.js
IT_陈寒6 小时前
Redis缓存击穿把我坑惨了,原来这样设过期时间才靠谱
前端·人工智能·后端
用户938515635076 小时前
从"坐电梯"到"前端路由"——深入理解 Hash 路由原理
前端·typescript·全栈