elementui分页选择器el-pagination的bug,可使用current-page.sync解决

在这里插入图片描述

在某个列表页,我点到第四页,然后选择其中某条数据进行编辑,打开编辑弹窗,编辑点确定后:

期望: 列表刷新,展示第一页数据,最下面也展示在第一页

实际效果:数据是刷新到了第一页的数据,但是最下面展示仍然在第四页,如下图:
在这里插入图片描述

最开始我想的是直接修改el-pagination的currentPage值,最后发现不生效。

分析:产生这种情况的原因可能是路由里的参数currentPage是第四页,导致element-ui选择器展示当前在第四页, 但我请求接口的时候参数是第一页的参数,所以造成数据和页码不一致的现象。

解决:在el-pagination上加入current-page.sync
在这里插入图片描述

每次弹框关闭后,修改currentPage值为1,再调用请求列表的方法,就可以了。

参考文章:https://blog.youkuaiyun.com/zxwbkzh/article/details/78965309

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值