vue+ant 分页器页码与表格数据不匹配

先看问题: 

 可以看到,在第二页点击搜索的时候,页面数据已经为第一页的数据,但是分页器的页码依然停留在第二页(2)。(至于为什么会出现这个问题,目前还没有找到原因,(我是菜鸟))

然后来看解决思路:

 1.表格双向绑定属性 current (默认值为1)。            

 

 2.然在点击跳转第二页,触发change事件的时候(e.current的值此时为2 ),然后把这个值赋给表格属性current(此时为2)。

3.在拉取列表第二页的时候,把表格属性current (此时为2)的值传了过去,

 4.(问题所在)在第二页的时候表格属性current的值为2,然后在搜索的时候表格属性current依然为(2),所以传的也是(2),所以当前页码也是为(2),但是页面数据为第一页的数据(因为在重新拉取列表的时候传的值为1,如下代码,但是此时的表格属性current依然为2,所以会出现这个问题)

  mounted() {

    // 获取账号管理列表

    this.getList(1);

  },

 问题所在,可以看上面gif图。

5.在点击搜索请求成功(重新拉取列表)重新给表格赋值的时候,  此时参数pageNo为(1) ,然后把pageNo的值重新赋给表格属性current。

 (记录只为避免自己以后踩坑。)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值