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

最新推荐文章于 2024-07-04 17:30:46 发布

想想水门会怎么C

最新推荐文章于 2024-07-04 17:30:46 发布

阅读量888

点赞数 2

文章标签： vue 前端 js css3

本文链接：https://blog.csdn.net/weixin_55553106/article/details/116988251

版权

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

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
 }