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>

🆗🦌

相关推荐
深情汤姆5 分钟前
C++ 多态 (详解)
开发语言·c++
GDAL28 分钟前
npm入门教程13:npm workspace功能
前端·npm·node.js
binishuaio30 分钟前
java 实训第12天 (git版本控制继续)
java·开发语言·git
我们的五年34 分钟前
【C++课程学习】:string的模拟实现
c语言·开发语言·c++·学习
清源妙木真菌34 分钟前
c++:智能指针
开发语言·c++
咕噜Yuki060934 分钟前
Java基础篇:学会这些技能,程序员职场竞争力UP UP
java·开发语言·编程语言
Hdnw37 分钟前
Java异常体系结构
java·开发语言·error
呼叫694539 分钟前
为什么说vue是双向数据流
前端·javascript·vue.js
我命由我123451 小时前
CesiumJS 案例 P20:监听鼠标滚轮、监听鼠标左键按下与松开、监听鼠标右键按下与松开、监听鼠标左击落点
开发语言·前端·javascript·前端框架·html·css3·html5
孤邑1 小时前
【C++】C++四种类型转换方式
开发语言·c++·笔记·学习·1024程序员节