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>

🆗🦌

相关推荐
passionSnail5 分钟前
《用MATLAB玩转游戏开发》推箱子游戏的MATLAB趣味实现
开发语言·游戏·matlab
九月TTS12 分钟前
TTS-Web-Vue系列:Vue3实现内嵌iframe文档显示功能
前端·javascript·vue.js
爱编程的小学究13 分钟前
【node】如何把包发布到npm上
前端·npm·node.js
Once_day28 分钟前
C++之fmt库介绍和使用(1)
开发语言·c++·fmt
我爱加班、、29 分钟前
Chrome安装最新vue-devtool插件
javascript·vue.js·chrome·vue-devtool
摆烂且佛系34 分钟前
FastByteArrayOutputStream和ByteArrayInputStream有什么区别
java·开发语言
weixin_4738947741 分钟前
前端服务器部署分类总结
前端·网络·性能优化
Chandler2442 分钟前
Go语言:json 作用和语法
开发语言·golang·json
凤年徐44 分钟前
【C/C++】自定义类型:结构体
c语言·开发语言·c++·经验分享·笔记·算法
LuckyLay1 小时前
React百日学习计划-Grok3
前端·学习·react.js