vue.js - 如何在设置 Hook 中使用 beforeRouteEnter？

Question

使用方法 beforeRouteEnter在 setup钩？
没有提及 onBeforeRouteEnter Hook the documentation .仅记录了两个钩子(Hook) onBeforeRouteLeave 和 onBeforeRouteUpdate .

Answer 1

在组合 API 中，setup 的时序大致等于 created在Vue 2中。到那个时候，路由已经发生了，所以beforeRouteEnter就没有意义了。内部 setup .
您仍然可以使用 beforeRouteEnter在选项 API 旁边 setup如果这对你有用:

setup() {
  console.log('SETUP')
},
beforeRouteEnter(to, from, next) {
  // Do something
  next({ path: '/foo' }); // Go somewhere else if necessary
  next();                 // Or stay here
}

或 beforeEnter 或 beforeEach 在路由器中可能会满足您的目的: