vue 分页删除最后一条数据，返回上一级的分页

需求: 在删除某一页的唯一条数据时, 能成功跳转回删除操作页的上一页

async del (id) {
  try {
    await this.$confirm('确定删除吗?', '警告')
    
    /**
     * vue 分页删除最后一条数据，返回上一级的分页
     * 
     * 这两个数据都是在 "data" 中定义的
     * this.totaData: 总数据数量
     * this.pageSize: 页容量
     */
    const totalPage = Math.ceil((this.totaData - 1) / this.pageSize) // 总页数
    this.currentPage =
      this.currentPage > totalPage ? totalPage : this.currentPage
    this.currentPage = this.currentPage < 1 ? 1 : this.currentPage
    
    // 删除数据
    await delDepartApi(id)
    this.$message.success('删除成功')
    // 刷新数据
    this.getRoleList()
  } catch (error) {
    // 点击取消删除的操作,啥也不做
  }
},

核心代码:

/**
 * vue 分页删除最后一条数据，返回上一级的分页
 * 
 * 这两个数据都是在 "data" 中定义的
 * this.totaData: 总数据数量
 * this.pageSize: 页容量
 */
const totalPage = Math.ceil((this.totaData - 1) / this.pageSize) // 总页数
this.currentPage =
  this.currentPage > totalPage ? totalPage : this.currentPage
this.currentPage = this.currentPage < 1 ? 1 : this.currentPage