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);
  },
打赏

免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2021 CODEPRJ.COM