欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue element分页点击不刷新

程序员文章站 2022-03-12 20:59:58
分页效果如上所示问题: 如上图所示,现在点击到第三页了,然后操作列表里面的删除按钮,数据删除,列表重新加载,此时分页应该回到第一页,但是没有原因: 用的这个插件,虽然绑定了size-change和 current-change 方法,但是在方法里面并没有实时给页面赋值 ,换言之,这两个方法里面就算是空的,点击上下页也会跳转,但是如果请求完数据想从第三页回到第一页那就不行了,代码会认为还在当前页面,必须要在这两个方法里面给 currentPage赋值才可以方法: 解决方法就是如下......

vue element分页点击不刷新

vue element分页点击不刷新

分页效果如上所示

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

原因: 用的这个插件,虽然绑定了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)
      },

 

本文地址:https://blog.csdn.net/Hero_rong/article/details/112562019

相关标签: element vue