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>

🆗🦌

相关推荐
聪明努力的积极向上5 分钟前
【C#】事件简单解析
开发语言·c#
用户47949283569159 分钟前
JavaScript 的 NaN !== NaN 之谜:从 CPU 指令到 IEEE 754 标准的完整解密
前端·javascript
群联云防护小杜14 分钟前
国产化环境下 Web 应用如何满足等保 2.0?从 Nginx 配置到 AI 防护实战
运维·前端·nginx
懒羊羊不懒@20 分钟前
JavaSe—集合框架、Collection集合
java·开发语言
ss27323 分钟前
Springboot + vue 医院管理系统
vue.js·spring boot·后端
钢门狂鸭27 分钟前
go开发规范指引
开发语言·驱动开发·golang
醉方休42 分钟前
Web3.js 全面解析
前端·javascript·electron
2301_7951672044 分钟前
玩转Rust高级应用 如何进行理解Refutability(可反驳性): 模式是否会匹配失效
开发语言·算法·rust
lllsure1 小时前
【Python】Dict(字典)
开发语言·python