element-ui @current-change有时失效

今天在做后台的时候,有个页面的分页器出了问题,就是当页面跳转到某一页(例如25页),点击查询按钮,列表数据刷新后,分页器还停留在之前的25页。
为了解决这个问题,我用了:current-page,将当前页绑定一个变量,并在查询时重置这个变量。

element-ui @current-change有时失效_第1张图片

结果有个问题,当我在一进入页面时,页码跳转事件@current-change可以被触发,而查询时@current-change第一次就会失效,第二次就正常。
一开始以为是查询的事件写得有问题,又搜寻了度娘无果,最后在的issue上找到了这篇解决办法记录一次Element分页问题。

我们可以清楚的看到只有internalCurrentPage变成了1,而lastEmittedPage还是3,所以我们只要把lastEmittedPage也改变成1就可以解决了,在el-pagination中增加ref="pagination",然后在查询方法中增加
this.params.pageNo = 1
this.$refs.pagination.lastEmittedPage = 1

这样就解决了。

你可能感兴趣的:(element-ui @current-change有时失效)