element-ui中的current-page.sync事件高亮显示的页码有误？

Question

分页赋值为2但是分页高亮显示是“1”，

当在分页为2时，点击展示列表信息的编辑按钮，编辑后点击返回按钮，返回后从sessionStorage中或取上一次的页码，但是返回后发现查询出来的数据正确

<el-pagination background v-if="pageDiv"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page.sync="currentPage"
       :page-sizes="[10, 20, 30, 40]"
      :page-size="pageSize"
      layout="  prev, pager, next,sizes, jumper"
      :total="total">
    </el-pagination>
    

<-- js -->

data(){
    return{
        currentPage:1
    }
},
methods:{
//每页显示数据量变更
  handleSizeChange(val) {
   this.pageSize=val;
   this.queryTable(this.pageSize,this.currentPage);
  },
  //页码变更
  handleCurrentChange(val) {
       this.currentPage=val;
       this.queryTable(this.pageSize,this.currentPage);
    },
    //查询函数
    queryTable(pageSize,currentPage){}
}
mounted(){
   this.currentPage = Number(sessionStorage.pageIndex);
   this.queryTable(pageSize,currentPage);
  }
    
    

想要在从编辑页面返回时，显示的页码为上次点击时显示的页码；例如从第2页选择一条数据进行编辑，跳转到编辑页面，同时存储页码到sessionStorage中，在编辑返回时希望返回到第2页，然而查询的数据为第二页的数据，但是分页的高亮显示为第一页。

求诸位大神指点一下！谢谢

Answer 1

https://blog.csdn.net/Stephen...
这里给了答案测试可以使用。

Answer 2

可以使用vuex或者一个全局vue对象，来存储这个页码。

Answer 3

老哥解决这个问题了吗？我也遇到了，一直高亮第一页