vue从列表页点击到详情页之后，再后退到列表页记住页码

很多时候遇到这种需求从列表第三页点击某个item进入到详情页，然后点击浏览器后退按钮退回到列表页，这个时候往往回到了列表中第一页的数据，如果我希望保持回到第三页，该如何操作呢？

列表页点击分页的方法中：

this.$router.push({path:"partList",query:{categoryname :this.categoryname,page:this.page}})

点击分页时除了重新调接口加载数据，还要跳到当前页，但是要传分页的参数

 

在mounted() 方法中，加载数据时判断分页的参数是否有值，有的话是从详情页返回，没有可能是其它页面进入，判断加载数据即可。

  mounted() {

    if(this.$route.query.page==undefined){

         this.page=1;//意味着其它页面进入，此时默认展示第一页数据

    }else{

        this.page=this.$route.query.page;//记住之前的分页

    }

    this.loadData(this.page);

  },