简单实现从列表页到详情页再返回留在之前的页码

首先列表页到详情页或者编辑页面的跳转

this.$router.push({
		path:'addNotice',
		query:{
			id:a,
			//分页数据
			num:this.pageNum,
			size:this.pageSize 
		}
})

列表页或者详情页里面的返回按钮

this.$router.push({
        path: "noticeList,
        query: { num: this.$route.query.num, size: this.$route.query.size },
	// 将路由传过来的分页数据再传回去
});

然后列表页 created判断 如果有传过来的分页数据就以分页数据查询列表 没有就原始分页数据查询列表

if(this.$route.query.num){
        this.pageSize = Number(this.$route.query.size)        //必须转为数字 不然会报错
        this.pageNum = Number(this.$route.query.num)	  
        this.getNoticeListFun();	      //请求列表数据
    }else{
      this.getNoticeListFun();              //没分页数据就使用原始的默认分页数据   pageNum:1 pageSize:10
 }

你可能感兴趣的:(vue,前端,js,css3)