前言
当页面有分页功能,只要进行数据的增删操作,总会出现分页功能紊乱的bug,我们需要多次验证,完善功能.
删除数据导致分页功能紊乱
情景:当删除页面的最后一条数据的时候,分页页码显示已跳转,但是页面显示No Data
解决方法如下:
增加数据导致分页功能紊乱
情景:当前页面的信息条数已经饱和,继续增加需要跳转到下一页,但要求添加后能够看到最新添加的信息.
解决方法一:
先定义两个计算属性,分别用于计算当前满页的数量和剩余信息条数
解决方法二:
上面的解决方法可以浓缩为下面一句代码:
this.params.page = Math.ceil(++this.total / this.params.pagesize)
最后
希望整理的信息对您有所帮助,喜欢的话请帮忙点赞
如果有什么建议,欢迎在评论区留言
不足之处还请批评指教,谢谢!
