element-plus重写排序,多选问题

       问题:在重写排序,多选,选中全部数据再切换排序方式为null时全选状态消失,不为null时全选状态不会掉。

        分析与解决:

                1.使用@select-all="handleSelectAllChange"方法设置全选,非全选。

                  const handleSelectAllChange = (selection: Array<any>) => {}  打印selection数据在排序方式为null的时候返回一个空对象,导致页面全选状态丢失。

                2.排查出发handleSelectAllChange之前并没有调用clearSelection()方法。

                3.排查重写的排序函数@sort-change="sortChange"中发现:排序函数中只重写了ascending,descending状态,当排序状态为null时没有恢复原始数据。排序中添加null状态重写代码,使得表格数据恢复原始数据状态。

                4.修改完成再次运行代码,在排序状态为null时全选中状态也不会掉,selection也能正常返回当前页选中数据。问题解决。

  • 9
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值