element列表进入详情再返回保留页码和查询字段

翻页进入详情跳回列表页的时候，保留页码以及查询条件
试过几种方法，可以用vue-router中的keep-alive，如果设置合理也能实现

我用的是sessionStorage，用缓存记录的方式，简单粗暴，仅供参考
element官网给出的翻页如下

    <div class="pagination-container">
      <el-pagination @current-change="handleCurrentChange" 
:current-page.sync="query.curPage" :page-size="query.pageSize" 
layout="total,prev, pager, next, jumper" :total="totelCount">
      </el-pagination>
    </div>

列表页中设置

  created() {
    if (sessionStorage.getItem('query')) {
      var query = sessionStorage.getItem('query')
      this.query = JSON.parse(query)
    } else {
      this.query = {
        curPage: 1,
        pageSize: 10,
        id: '',
      }
    }
    this.getCompanyList()
  },
  beforeRouteLeave(to, from, next) { 
    // 设置下一个路由的 meta
    if (to.name !== ('Detail')) {
      sessionStorage.removeItem('query')
    }
    next()
  },
  beforeUpdate() {
    sessionStorage.setItem('query', JSON.stringify(this.query))
  },