一、问题：
在用element-ui分页器的时候，我将最后一页列表数据删完了，但是页面没刷新到最新数据。正常情况是，我删完最后一页数据后，分页器停留在上一页，并刷新列表数据，以下是删完后的页面展现
网络返回的数据说明：(pageNo：当前页 pageSize：当前页展示的条数 TotalCount：总条数
list：数组中的数据)👇👇
✍✍此时会发现，页面中第3页的最后一条数据已经删除了，只剩2页数据，但是当前页还是3，所以页面没数据，list是个空数组👆👆
二、原因：
删除完后重新拉取列表数据时，当前的值还是1，所以就会跳过去
三、解决：删完后，通过以下几步操作，再获取列表数据请求
①利用Math.ceil算出新的分页
②计算出当前页码
③如果页码为1的话，则无效，并将判断后的页码重新赋值文章来源：https://www.toymoban.com/news/detail-828920.html
//获取用户列表的数据
queryInfo: {
pageNo: 1, //当前页
pageSize: 3 //当前页展示的条数
},
total: 0, //总条数
//⭐1.利用Math.ceil算出新的分页 total为什么要-1,因为删完后total还没更新
let totalPage = Math.ceil((this.total - 1) / this.queryInfo.pageSize)
//⭐2.计算出当前页码
this.queryInfo.pageNo = this.queryInfo.pageNo > totalPage ? totalPage : this.queryInfo.pageNo
//⭐3.如果页码为1的话，则无效
this.queryInfo.pageNo = this.queryInfo.pageNo < 1 ? 1 : this.queryInfo.pageNo
四、完整代码截图👇
文章来源地址https://www.toymoban.com/news/detail-828920.html
到了这里，关于解决：element-ui分页器在将最后一页列表数据删完时，页面不刷新到最新数据的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
