问题:
删除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;
最后的最后
希望各位屏幕前的靓仔靓女们
给个三连!你轻轻地点了个赞,那将在我的心里世界增添一颗明亮而耀眼的星!
咱们下期再见!