iview Page组件在其他页使用编辑保存调接口后列表刷新而Page组件页码值变为1，翻页器失效

1、问题引入

比如我点击到第二页时，需要对第二页的某条数据进行处理，处理完后保存到数据库，然后通过接口返回的数据刷新数据页面，这时，数据显示的是第二页的数据，currentPage=2,但是翻页器当前页码显示的1，而且点击第二页无法跳转，翻页器失效

2、解决方案
2.1、Page组件代码
给你的Page上添加 ref 属性 我这里使用的是 ref=“pages”

<Page 
  ref="pages" 
  style="text-align:center;"  
  @on-change="changePage"
  :total="total" 
  :page-size="ps"   
  show-total show-elevator 
/>

2.2、保存后的方法代码
假设保存的方法是save()，则需要在save刷新列表视图的同时重置Page组件的页码值

save(){
  ....
  //重置Page组件的页码值
  this.$refs['pages'].currentPage = this.page.currentPage;
}