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

太过爱你忘了你带给我的痛 2024-03-30 13:54 184阅读 0赞

在VUE+element使用 Pagination 分页分页的时候 当数据较多时使用element中的分页功能,在删除第二页的最后一条数据时,当前页数转成了上一页,可是页面数据并没有跳转到上一页

解决方案
total:当前数据的条数
limit:每页有多少条数据
page:当前页

  1. const totalPage = Math.ceil((this.total - 1) / this.limit) // 总页数
  2. this.page = this.page > totalPage ? totalPage : this.page
  3. this.page = this.page < 1 ? 1 : this.page

发表评论

表情:
评论列表 (有 0 条评论,184人围观)

还没有评论,来说两句吧...

相关阅读

    相关 返回json数据

    前言: > 在上篇博文中,博主实现了数据分页查询,但这种查询方式仅仅只能适应于浏览器于服务器的情况,对于其他的比如安卓客户端与服务器之间的数据传递,其若此时依旧返回一个页面,

    相关 vue 数据

    数据列表分页处理 在数据分类中,每页仅能显示8种具体的分类。当超出8种是自动出现第二页,同时,所有的页具有轮播效果。如图: ![在这里插入图片描述][watermar