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

Posted wangliko

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 分页删除最后一条数据,返回上一级的分页相关的知识,希望对你有一定的参考价值。

技术图片

我分页封装的组件,具体代码可以查看我之前的博客,这里直接上代码

在删除事件里面,删除成功加入这段代码

  // 为了在删除最后一页的最后一条数据时能成功跳转回最后一页的上一页
        const totalPage = Math.ceil((this.count - 1) / this.pageSize) // 总页数
        this.currentPage = this.currentPage > totalPage ? totalPage : this.currentPage
        this.currentPage = this.currentPage < 1 ? 1 : this.currentPage

 

以上是关于vue 分页删除最后一条数据,返回上一级的分页的主要内容,如果未能解决你的问题,请参考以下文章

使用封装的分页组件或element-ui分页组件删除当前页最后一条数据没有跳转到上一页显示暂无数据的bug

VUE项目实战50商品列表分页查询和删除效果

VUE,记录分页信息,返回到上次的分页

用存储过程创建的分页

ASP.NET 中的分页;过滤后页数不变

操作后如何在表格上保持相同的分页页面