使用window.history.go(-1)的时候,怎么拿到上一页带过去的数据

window.history.go(-1)

在项目中使用到了这个返回上一页的方法,但是,由于页面比较多,现在有个别页面要拿到返回的数据,不能一个个设置单独跳转,所以记录一下现在的方法
首先我们使用replace跳转到当前页面

 this.$router.replace({
          path: this.$route.path,
          query: {
            sltLeftId: this.objId.sltLeftId,
            sltRightId: this.objId.sltRightId
          }
        })

query的参数就是到时候需要返回的数据
然后再使用push跳到指定页面

this.$router.push({
        path: '/person/overview/' + val.id,
        query: {
          zid: val.personId
        }
      })

push的参数是跳转页面需要使用的参数,与replace的没有冲突,

返回的时候数据会拼到路由后面带回,使用this.$route.query就可以拿到对应的数据。

总结:跳转页面要跳转两次,第一次跳到当前页面,携带的是需要返回的数据;第二次才是跳到指定页面,携带的时候指定路由需要的参数。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值