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);
},
不断学习.jpg