vue-element-admin pagination 请求两次问题

unguejic  于 3个月前  发布在  其他
关注(0)|答案(5)|浏览(47)

Bug report(问题描述)

Steps to reproduce(问题复现步骤)
Screenshot or Gif(截图或动态图)

Other relevant information(格外信息)
  • Your OS:
  • Node.js version:
  • vue-element-admin version:
bgibtngc

bgibtngc1#

当我们请求API的时候,例如API返回总数为456条,我们按照10条每页,一共有46页。当我们选了6之后的页数之后,然后把size选择成100条(目的就是让current * size > total),这个时候,分页就会同时触发size选择函数以及current选择函数。

tkqqtvp1

tkqqtvp12#

当我们请求API的时候,例如API返回总数为456条,我们按照10条每页,一共有46页。当我们选了6之后的页数之后,然后把size选择成100条(目的就是让current * size > total),这个时候,分页就会同时触发size选择函数以及current选择函数。
按照逻辑,更改了pageSize之后,不是应该进行第一页的跳转么?

eoxn13cs

eoxn13cs3#

这个要手动操作了。 更改pageSize之后。一般会把current重设为1然后重新拉取数据吧?

aurhwmvo

aurhwmvo4#

使用函数防抖,再触发请求方法

z2acfund

z2acfund5#

handleSizeChange(val) {
      this.currentPage = 1   // add this line, 切換頁面時將currentPage重置為1
      this.$emit('pagination', { page: this.currentPage, limit: val })
      if (this.autoScroll) {
        scrollTo(0, 800)
      }
    },

相关问题