做分页组件时的一个小问题

问题

做分页组件时,添加一条新数据后,页面还是会停留在当前页面,但是一般的需求是添加完后立马跳转到最新的数据所在的页码

解决代码如下:

求出最后一页是不是满的,和表格中最大的页码
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()
}