本文主要是介绍element-ui Pagination 分页器 删除最后一页数据时跳转回上一页,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在使用elementUI分页组件的时候,当删除最后一条数据的时候会出现当前页码值跳转,数据为空的情况,如下图:
上图的情况是因为我们在执行删除请求成功后,当前的页码值仍为该值,又调用渲染页面的函数,该页码的数据都已经删除完毕,所以显示为空数据,如下图代码示例
解决:
我们只需要在删除之前把当前页码值动态的修改就可以。如下图代码可以解决该问题:
第一段代码,precisePage可以获取到总页数
第二段代码,给currentPage赋值最新的页码
第三段代码,防止判空给currentPage赋值为初始值1
这篇关于element-ui Pagination 分页器 删除最后一页数据时跳转回上一页的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!