问题
做分页组件时,添加一条新数据后,页面还是会停留在当前页面,但是一般的需求是添加完后立马跳转到最新的数据所在的页码
解决代码如下:
求出最后一页是不是满的,和表格中最大的页码
total是一共有多少条数据
pageParams.pagesize是每页显示多少条数据
//
computed: {
maxNum() { // 计算表格中最大的页码
return Math.ceil(this.total / this.pageParams.pagesize)
},
isLastPageFulled() { // 计算最后一页是不是满的
return this.total % this.pageParams.pagesize === 0
}
},```
== 在添加新数据的请求时做一个判断==
如果表格的最后一页时满的就跳转到最大的页码+1
如果表格最后一页不是满的,就跳转到最后一页
async doAdd(){
await xxxxx()//添加请求
if (this.isLastPageFulled) { // 如果表格的最后一页是满的
this.pageParams.page = this.maxNum + 1 // 就跳转到最大页码的下一页
} else {
this.pageParams.page = this.maxNum // 如果不是就跳转到最后一页
}
// 更新数据
this.loadxxxxx()
}