vue element分页点击不刷新

最新推荐文章于 2023-12-15 15:05:01 发布

Hero_rong

最新推荐文章于 2023-12-15 15:05:01 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： element vue

本文链接：https://blog.youkuaiyun.com/Hero_rong/article/details/112562019

vue 同时被 2 个专栏收录

53 篇文章

订阅专栏

element

10 篇文章

订阅专栏

博客指出分页操作中，点击第三页删除数据后列表重新加载，分页未回到第一页的问题。原因是使用的插件虽绑定了 size-change 和 current-change 方法，但未实时给页面赋值。解决方法是在这两个方法里给 currentPage 赋值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

分页效果如上所示

问题：如上图所示，现在点击到第三页了，然后操作列表里面的删除按钮，数据删除，列表重新加载，此时分页应该回到第一页，但是没有

原因：用的这个插件，虽然绑定了size-change 和 current-change 方法，但是在方法里面并没有实时给页面赋值，换言之，这两个方法里面就算是空的，点击上下页也会跳转，但是如果请求完数据想从第三页回到第一页那就不行了，代码会认为还在当前页面，

必须要在这两个方法里面给 currentPage 赋值才可以

方法：解决方法就是如下代码

      // 分页操作
      sizeChange(e) {
        console.log('每条数据', e)
        let obj = this.obj
        obj.page = 1
        obj.pageSize = e
        obj.type = 0
        this.getList(obj)
      },
      currentChange(e) {
        console.log('当前页', e)
        let obj = this.obj
        obj.page = e
        obj.type = 0
        this.currentPage = e
        this.getList(obj)
      },