Vue后台分页后,删除最后一页最后一条数据时出现页码没有返回上一页造成序号问题

我们做后台分页后,删除最后一页最后一条数据时出现页码没有返回上一页造成序号问题,序号从最后一页开始计算

解决问题思路:判断被删除的数据是否为最后一页的最后一条数据、如果是则让页码减一,如果不是则在当前面即可

如向计算??如下所示:

------------参数如下-------------

proTempList: {
pageNo: 1,    //页码
    pageSize: 10,    //一页几条
    total: 0,      //记录总数
} //请求参数

------------判断方式--------------

// math.ceil向上取整
let lastPage = Math.ceil(
this.proTempList.total / this.proTempList.pageSize    //总数除以每页记录数
);

// 判断当前页是否是最后一页 且 为最后一条数据
if (this.proTempList.pageNo === lastPage &&this.proTempList.total % this.proTempList.pageSize === 1) 
{
    this.proTempList.pageNo--;    //页码-1
}

注意:以上代码加在删除方法中!!!

posted @ 2022-06-08 11:11  土小狗  阅读(779)  评论(0)    收藏  举报