vue.js - 如何在 NuxtJs 中 Hook beforeRouteEnter

Question

我正在尝试为我的 nuxtjs 应用程序获取以前的路由，因此我使用了 beforeRouteEnter ，但 beforeRouteEnter 没有触发。

我试图在 nuxt-link 中添加 key : 但仍然无法正常工作..

<nuxt-link :key="$route.path" :to="'/services/'+service.id">

所以这是我的代码:

  created: function(){
    console.log("created");
  },

  mounted: function(){
    console.log("mounted");
  },

  mounted: function(){
    console.log("mounted");
  },

  beforeRouteEnter(to, from, next) {

    console.log("before route called");

    next(vm => {
      console.log("prev rout is: "+vm.prevRoute);
    })

  }

我期望:

before route called
prev rout is: /services
created
mounted

但我只得到:

created
mounted

有什么我做错了吗？

Answer 1

在我当前基于 nuxt ˆ2.0.0 的项目中尝试您的代码，在从/route 导航到/_slug route 后，我会向您报告我的开发工具控制台。

_slug.js:200 before route called
_slug.js:192 created
_slug.js:198 mounted
_slug.js:205 prev rout is: undefined

当我刷新页面时 _slug 是一样的。

如果你想要以前的路线，为什么不简单地做:

beforeRouteEnter(to, from, next) {
   console.log("before route called");
   const previousRoute = from.path || from.fullPath
   console.log(`Previous Route ${previousRoute}`)
}

哪个日志是:

_slug.js:200 before route called
_slug.js:202 Previous Route /