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>

🆗🦌

相关推荐
LilyCoder4 分钟前
HTML5二十四节气网站源码
前端·javascript·html·html5
nyf_unknown8 分钟前
(vue)将文件夹打成tar包, Git Bash(推荐)具体使用
vue.js·git·bash
野生的编程萌新8 分钟前
从冒泡到快速排序:探索经典排序算法的奥秘(二)
c语言·开发语言·数据结构·c++·算法·排序算法
Full Stack Developme9 分钟前
Java后台生成多个Excel并用Zip打包下载
java·开发语言·excel
Brookty11 分钟前
【Java学习】锁、线程死锁、线程安全2
java·开发语言·学习·java-ee
Bruce_Liuxiaowei18 分钟前
跨站脚本攻击(XSS)高级绕过技术与防御方案
前端·网络安全·xss
EF@蛐蛐堂32 分钟前
【vue3】v-model 的 “新玩法“
前端·javascript·vue.js
weixin_3077791333 分钟前
VS Code配置MinGW64编译backward库
开发语言·c++·vscode·算法
百锦再35 分钟前
.NET 的 WebApi 项目必要可配置项都有哪些?
java·开发语言·c#·.net·core·net
两个月菜鸟41 分钟前
vue+微信小程序 五角星
前端·vue.js·微信小程序