200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > element-ui Pagination 分页器 删除最后一页数据时跳转回上一页

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

时间:2020-05-10 13:08:54

相关推荐

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

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

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

解决:

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

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。