onBeforeEnter не существует в vue-router@next

Я пытаюсь перейти на vuejs3 и новый vue-router.

Теперь я вижу, что beforeRouteEnter не отображается:

       // same as beforeRouteUpdate option with no access to `this`
        onBeforeRouteUpdate((to, from, next) => {
            // your logic
            console.log("Hello world") //this is only triggered if the id changes
            next()
        })

Итак, мой вопрос: как я могу запустить начальные аксиос-запросы на определенном маршруте, например /dashboard

как я делал раньше?

1 ответ

Невозможно выполнить код до входа в маршрут, потому что во время setup навигация уже подтверждена.

Другой вариант #1

Вы все еще можете использовать api параметров, так что вы все еще можете использовать beforeRouteEnter:

      setup() {
  ...
},
beforeRouteEnter(to, from, next) {
  console.log(to);
}

Другой вариант #2

Использовать beforeEnter в роутере:

      {
  path: '/foo',
  component: Foo,
  beforeEnter(to) {
    console.log(to)
  }
}
Другие вопросы по тегам