elment表格分页踩坑

项目的时候遇到了一个分页的bug，经过分析Element源码之后找到了问题所在，现在把这个问题及解决方法记录下来。

项目中要实现的功能是用户选择查看表格的时候在任意页面点击查询，得到结果之后要展示的页面要回到第一页，所以在查询中把参数中的页面直接改变this.params.pageNo = 1

 

 

此时点击查询回到首页

 

再次点击刚刚所在的第三页

 

从上面的图片中可以看到，虽然下面的页面变成了第三页，但是表格中的内容并没有变化，element源码如下：

 

 

 

看到只有internalCurrentPage变成了一，而lastEmittedPage还是三，

增加

this.params.pageNo = 1
this.$refs.pagination.lastEmittedPage = 1