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>

🆗🦌

相关推荐
码云数智-园园6 分钟前
2026 年前端开发趋势:AI 赋能、组件化与跨端一体化的深度融合
开发语言
井川不擦8 分钟前
前端安全通信方案:RSA + AES 混合加密
前端
孜孜不倦不忘初心10 分钟前
Ant Design Vue 表格组件空数据统一处理 踩坑
前端·vue.js·ant design
weixin_4235339910 分钟前
windows11安装飞桨paddlepaddle,python3.13
开发语言
AD_wjk10 分钟前
Android13系统集成方案
前端
Joyee69111 分钟前
RN 的新通信模型 JSI
前端·react native
somebody12 分钟前
零经验学 react 的第6天 - 循环渲染和条件渲染
前端
2501_9249526912 分钟前
嵌入式C++电源管理
开发语言·c++·算法
青晚舟13 分钟前
AI 时代前端还要学 Docker & K8s 吗?我用一次真实部署经历说清楚
前端·github
墨鱼笔记15 分钟前
不使用微前端:如何实现主应用和子模块动态管理与通信实现
前端