`this` не определено в vue-router до каждого

Question

Я пытаюсь получить доступ к сеансу в vue-router через this.a.app, но появляется 1 ошибка. После отладки я обнаружил, что this не определено. это код, который я использую, чтобы показать this.

Я пытался использовать function(to, from, next) {...} вместо синтаксиса es6, но this все еще не определено.

router.beforeEach((to, from, next) => {
  if (!to.meta.isPublic){
    // eslint-disable-next-line
    console.log(this)
  }
  next()
})

Есть ликакую конфигурацию мне нужно сделать, чтобы я мог получить доступ к this в vue-router?

Answer 1

Да, вы можете использовать доступ "this" внутри маршрутизатора до каждого перехвата, но другим способом. Маршрутизатор имеет корневой экземпляр, из которого он вставлен

Пользователь router.app указывает на «this» (корневой экземпляр Vue)

 router.beforeEach((to, from, next) => {
  if (!to.meta.isPublic){
    // eslint-disable-next-line
    console.log(router.app)
  }
  next()
})