删除ElementUI分页最后一页最后一条显示bug

问题:

        删除ElementUI分页最后一页最后一条显示bug

问题图片:

原因分析

        由于elementUi分页的 当前页(currrentPage)与总条数 (total)不实时更新,导致分页bug

解决方法:实时更新最后一页

        思路:实时更新总条数,根据已经更新的总条数/页面大小(pageSize),得到实时更新的最后一页 (lastPage) ,让当前页(currentPage)与最后一页(lastPage)进行比较,如果,当前页大于最后一页,就跳转到实时更新后的最后一页,否则就是当前页

思路分析

1.得到实时更新总条数,根据原来的总条数,减去你要删除的条数,得到 更新后的总条数

2.得到实时更新的最后一页

代码实现

//得到选择的 数据的大小,如果删除单条数据,length = 1
let length = selectData.length;
//获取最新的最后一页,ceil向上取整 
let lastPage = Math.ceil((this.totalPage - length) / this.pageSize);
//根据当前页与最后一页进行判断
this.currentPage = lastPage < this.currentPage ? lastPage : this.currentPage;

最后的最后

希望各位屏幕前的靓仔靓女们给个三连!你轻轻地点了个赞,那将在我的心里世界增添一颗明亮而耀眼的星!

咱们下期再见!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值