Vue 配合antd表格翻页、选中的一些问题

13 篇文章 0 订阅

这两天工作中遇到两个问题:
一个是在使用ATable的时候,由于数据是一股脑直接拿到手扔进table里面的,有翻页的情况,选中后,选中的数据与渲染的数据本身不一致。

关于这个问题,我检查了接口返回数据和传入到table中的数据,到选中数据的赋值等一系列,发现都没有问题,唯独翻页之后选择的数据不对劲,通过观察发现翻页之后选中的数据为第一页的索引位置。
所以去查询了一下,发现是table没有销毁的问题,所以我字啊table组件上加了一个key值(:key=“Date.now()”)所以每次展现就是新的展现,都不会有选中,那么问题来了,我想要默认选中怎么办呢?

通过坚持不懈的探索,发现了再rowSelection中右配置的:

rowSelection() {
      return {
        type: 'radio',
        onChange: (selectedRowKeys, selectedRows) => {
          this.selectedRows = selectedRows;
          this.selectedRowKeys = selectedRowKeys;
        },
        getCheckboxProps: record => ({
          props: {
          	disabled: record.nodeType === NODE_TYPE.dir,
          	defaultChecked: record.id === this.id
         },
        }),
      };
    },

这里的getCheckboxProps就配置了默认选中和禁选的行数据

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值