使用beforeRouteEnter

beforeRouteEnter (to, from, next) {
/*
to:获取你要跳转的路由信息
from: 获取你从哪个路由来的信息
next: (放行函数)
 // 第一种写法
next(); // 直接放行
// 第二种
next('/url') //放行到指定的路由
*/
 console.log(from)
 console.log(next)
}

打印from,结果图:
在这里插入图片描述
为什么呢?因为在执行路由钩子函数beforRouteEnter时候,组件还没有被创建出来,所以打印from不能获取到来之前的路由。

beforeRouteEnter (to, from, next) {
  next(vm => {
     console.log(vm)
  })
}

next:下一步,这时候组件已经挂载了。
vm:是整个实例对象。
在这里插入图片描述

  beforeRouteEnter (to, from, next) {
    // console.log(from)
    next(vm => {
      console.log(from.path) // /
    })
  }

这时候就可以知道打印出来from,并且知道从哪里来的。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐