el-table多页面选中数据实现的问题

项目场景:

el-table实现跨页面选中


问题描述:

el-table里的@selection-change事件,正常选中的时候只能单页面多数据选中,跨页面后默认重新调用了selection-change事件,所有选中数据被清除

<el-table
  ref="multipleTable"
  :data="tableData"
  tooltip-effect="dark"
  @sort-change="onSortChange"
  @selection-change="hanleSelect"
  :row-key="getRowKey"
><el-table-column type="selection" :reserve-selection="true"></el-table-column></el-table>

 hanleSelect(val){
   console.log(val)
 },

 getRowKey(row){
   return row.id
 },

 


原因分析:

表格变动会触发选中事件


解决方案:

按照官方文档提示,给el-table-column添加:reserve-selection="true"属性,注意,该属性需要给el-table配置:row-key属性,实现方法很简单,但是很少会主动注意到该解决方式

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值