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>

🆗🦌

相关推荐
forever_world12 小时前
# 💧 从前端视角,彻底搞懂 AI 流式输出 —— 从"接根水管"到 Vue 3 实战
前端·vue.js
天天进步201512 小时前
UI-TARS 源码解析 #4:UI-TARS 与传统 RPA 的区别:为什么它不是简单的坐标点击脚本?
开发语言
运维行者_12 小时前
广域网性能监控:分布式IT架构下的链路质量保障
开发语言·网络·分布式·后端·架构·数据库架构
梅雅达编程笔记12 小时前
零基础学 Python 第7章 | 字典 dict:键值对存储
开发语言·python·beautifulsoup·numpy·pandas
灯澜忆梦12 小时前
GO---map函数
开发语言·前端·后端·golang
李剑一12 小时前
uni-app x 实现本地 JSON 文件的导入导出(APP端可用)
android·前端·uni-app
QQ_216962909612 小时前
【项目编号:project05966】SpringBoot/Vue 电影推荐系统:用户端推荐、电影资讯与后台数据管理全流程
vue.js·spring boot·后端
全栈项目管理程序猿12 小时前
Cesium-1.143 中文版 API
javascript·cesium
喜欢打篮球的普通人12 小时前
LLVM后端指令选择
android·java·javascript
踩蚂蚁12 小时前
在 ESP32 上跑自定义唤醒词:从 TFLite 到离线语音唤醒,一个下午搞定
前端