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>

🆗🦌

相关推荐
麻花20133 分钟前
C#之WPF的C1FlexGrid空间的行加载事件和列事件变更处理动态加载的枚举值
开发语言·c#·wpf
麻花20138 分钟前
WPF里面的C1FlexGrid表格控件添加RadioButton单选
java·服务器·前端
_黎明15 分钟前
【Swift】字符串和字符
开发语言·ios·swift
理想不理想v22 分钟前
【经典】webpack和vite的区别?
java·前端·javascript·vue.js·面试
羊子雄起34 分钟前
CKEditor前端样式和编辑器的样式不一致的问题
前端·编辑器
聊无生1 小时前
JavaSrcipt 函数高级
开发语言·前端·javascript
小安同学iter1 小时前
Java进阶五 -IO流
java·开发语言·intellij-idea
Hello World and You1 小时前
R ggplot2 绘图细节 geom_text展示不全 y轴坐标细节 x轴标题
开发语言·r语言
sukalot1 小时前
windows C#-异步文件访问
开发语言·c#
xiyusec1 小时前
HTML基础
前端·html