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>

🆗🦌

相关推荐
ptu小鹏3 小时前
类和对象(中)
开发语言·c++
来自星星的坤3 小时前
Vue 3中如何封装API请求:提升开发效率的最佳实践
前端·javascript·vue.js
vvilkim5 小时前
全面解析React内存泄漏:原因、解决方案与最佳实践
前端·javascript·react.js
vvilkim5 小时前
React批处理(Batching)更新机制深度解析
前端·javascript·react.js
Bayi·5 小时前
前端面试场景题
开发语言·前端·javascript
碎梦归途5 小时前
23种设计模式-结构型模式之享元模式(Java版本)
java·开发语言·jvm·设计模式·享元模式
Xiaoyu Wang5 小时前
Go协程的调用与原理
开发语言·后端·golang
bigear_码农6 小时前
python异步协程async调用过程图解
开发语言·python·线程·进程·协程
程序猿熊跃晖6 小时前
Vue中如何优雅地处理 `<el-dialog>` 的关闭事件
前端·javascript·vue.js
进取星辰6 小时前
12、高阶组件:魔法增幅器——React 19 HOC模式
前端·javascript·react.js