需求: 在删除某一页的唯一条数据时, 能成功跳转回删除操作页的上一页
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