elementUI分页删除最后一页数据时跳转回上一页

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

深渊的那支花.

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

阅读量1k

点赞数 1

分类专栏： elementUI 文章标签：前端 elementui vue

本文链接：https://blog.csdn.net/qq_44854653/article/details/118087103

版权

elementUI 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

vue+elementUI项目开发时分页删除最后一页没有跳转回上一页
在这里插入图片描述
删除时重新计算剩余分页数据

 const totalPage = Math.ceil((this.total  -1 ) / this.params.pageSize) // 总页数
 this.params.pageNum = this.params.pageNum > totalPage ? totalPage : this.params.pageNum
 this.params.pageNum = this.params.pageNum < 1 ? 1 : this.params.pageNum

批量删除

 const totalPage = Math.ceil((this.total - this.multipleSelection.length) / this.pageSize) // 剩余数据总页数
 this.params.pageNum = this.params.pageNum  > totalPage ? totalPage : this.params.pageNum 
 this.params.pageNum  = this.params.pageNum  < 1 ? 1 : this.params.pageNum 
// this.multipleSelection 是批量删除的数组