element-ui Pagination 分页器 删除最后一页数据时跳转回上一页

在使用elementUI分页组件的时候,当删除最后一条数据的时候会出现当前页码值跳转,数据为空的情况,如下图:

上图的情况是因为我们在执行删除请求成功后,当前的页码值仍为该值,又调用渲染页面的函数,该页码的数据都已经删除完毕,所以显示为空数据,如下图代码示例

解决: 

我们只需要在删除之前把当前页码值动态的修改就可以。如下图代码可以解决该问题:

第一段代码,precisePage可以获取到总页数

第二段代码,给currentPage赋值最新的页码

第三段代码,防止判空给currentPage赋值为初始值1


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部