antdesign table select 如何保留 选中的数据

antdesign table 的selective  应该是按照rowkey 去进行保存的, 方法 row-selection 的 onChange 事件中 第二个参数 是返回的当页选中的data 数据 跨页就不会有了。 那么如何拿到所有的数据,目前api 似乎是不太支持废话不多少 

 

 

  :row-selection="
          selective
            ? {
                selectedRowKeys: multipleSelection,
                onChange: handleSelectionChange,
              }
            : null
        "





   handleSelectionChange(val,data) {
      const {rowKey,selectionData:datas} = this;
      data.forEach(item=>{
        if(!datas[item[rowKey]]){
          datas[item[rowKey]] = item;
        }
      })
      for(let key in datas){
        if(val.indexOf(key)<0){
          delete datas[key];
        }
      }
      this.selectionData =datas;
      this.multipleSelection = val;
    },

大概意思就是 每次选中拿到的data  都去用一个哈希对象去维护起来,确保每个rowkey  都是唯一的  然后 再去与所有id 进行比较  去掉 没有的。

 

 

 antdesign-vue  真的十分十分十分十分  垃圾!  快跑.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值