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);
  },
posted @ 2020-08-31 16:01  今天很开心xxx  阅读(2888)  评论(0编辑  收藏  举报