管理系统列表页，删除列表项时，如果当前页只有一项，删除后分页器跳转到前一页

最新推荐文章于 2024-01-22 15:04:08 发布

陈西岳Chen

最新推荐文章于 2024-01-22 15:04:08 发布

阅读量655

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/a458651114/article/details/106250611

版权

基于Vue+ElementUI
封装的代码：

/**
* this.total：data中定义的属性，用于保存列表总数
* this.form: data中定义的属性，请求列表接口时传递的参数
* this.form.pageSize: this.form中的属性，用于保存每页显示的最大列表数
* this.form.pageNum: this.form中的属性，用于保存当前页码
*/
let totalPage = Math.ceil((Number(this.total) - 1) / this.form.pageSize)
this.form.pageNum = this.form.pageNum > totalPage && totalPage > 0 ? totalPage : this.form.pageNum

分析：
如果当前在第二页，正在删除第二页的仅有的一条，列表总数是11条，每页最大列表数为10，totalPage计算后结果为1
所以当前页码(2)大于totalPage(1)，并且totalPage大于0，所以根据判断，把totalPage的值赋给this.form.pageNum