如何在 setup hook 中使用 beforeRouteEnter？

Question

如何在setup hook中使用beforeRouteEnter？

在 the documentation. There are only two hooks documented onBeforeRouteLeave and onBeforeRouteUpdate 中没有提到 onBeforeRouteEnter 钩子。

Answer 1

组成API中，setup的时序大致等同于Vue 2中的created，到时候路由已经发生了，也就没有意义了到 setup.

内的 beforeRouteEnter

您仍然可以在选项 API 中使用 beforeRouteEnter 和 setup 如果这对您有用：

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

或路由器中的 beforeEnter or beforeEach 可能符合您的目的：

如何在 setup hook 中使用 beforeRouteEnter？

How to use beforeRouteEnter in setup hook?

vue.js

vue-router

vue-component

vuejs3

vue-composition-api