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>

🆗🦌

相关推荐
风中月隐1 天前
C语言中以坐标的方式图解“字母金字塔”的绘制
c语言·开发语言·算法·字母金子塔·坐标图解法
Arva .1 天前
说说线程的生命周期和状态
java·开发语言
二两锅巴1 天前
📺 无需Electron!前端实现多显示器浏览器窗口精准控制与通信
前端
1001101_QIA1 天前
C++中不能复制只能移动的类型
开发语言·c++
炸土豆1 天前
防抖节流里的this传递
前端·javascript
用户4099322502121 天前
Vue3中动态样式数组的后项覆盖规则如何与计算属性结合实现复杂状态样式管理?
前端·ai编程·trae
tryxr1 天前
HashTable、HashMap、ConcurrentHashMap 之间的区别
java·开发语言·hash
山璞1 天前
Flutter3.32 中使用 webview4.13 与 vue3 项目的 h5 页面通信,以及如何调试
前端·flutter
serendipity_hky1 天前
【go语言 | 第5篇】channel——多个goroutine之间通信
开发语言·后端·golang
努力早日退休1 天前
Antd Image标签父元素会比图片本身高几个像素的原因
前端