beforeRouteEnter (to, from, next)获取前后下的路由

在某个页面文件内(如welcom.vue)用beforeRouteEnter (to, from, next)可以获取前后下的所有路由,在项目开发中经常会用到。比如用来做路由跳转控制、在路由跳转前或后调用方法等。

其中遇到的一个问题是,要点击浏览器返回按钮返回上一页,但我们这个项目进入首页前还有一个动画页(也就是说,只点一次返回按钮,是到动画页,动画页自动鉴权又直接进了首页,导致看起来是没有正常回到上一页)

在beforeRouteEnter中就判断了该页面前的路由是从哪来的,如果是从首页来的,就直接返回上两页

这里记录下

export default {
  beforeRouteEnter (to, from, next) {
    if (to.name !== 'Welcome') {
      next({name: 'Index', query: {menu_id: to.params.menuId}})
    }
    else {
      next(vm => {
        vm.getReadyForIndex()
      })
    }
    if (from.name === 'Index') {
      history.go(-2)
    }
  }
}

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值