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>

🆗🦌

相关推荐
千里码aicood几秒前
python+vue智慧物业管理系统设计(源码+文档+调试+基础修改+答疑)
vue.js·spring boot·后端
乐~~~1 分钟前
解决avue-input-tree组件重置数据不回显/重置失败
前端·javascript·vue.js
你的电影很有趣16 分钟前
lesson68:JavaScript 操作 HTML 元素、属性与样式全指南
开发语言·前端·javascript
妄小闲16 分钟前
html网站源码 html网页模板下载
前端·html
小二·19 分钟前
前端笔记:HTML output标签介绍及用法
javascript·笔记·html5
熊猫_豆豆26 分钟前
MATLAB画出湖面波纹相遇所形成的现象
开发语言·matlab·仿真
宁雨桥29 分钟前
前端登录加密实战:从原理到落地,守护用户密码安全
前端·安全·状态模式
椒盐螺丝钉42 分钟前
TypeScript类型兼容性
运维·前端·typescript
_JinHao1 小时前
Cesium Viewer对象详解——Cesium基础笔记(快速入门)
前端·javascript·笔记·3d·webgl