Обнаружить запись в родительский компонент от дочернего компонента Vue

Question

Я пытаюсь найти способ определить, когда я ввел родительский компонент из дочернего компонента. Поскольку родительский компонент уже загружен при доступе к дочернему, я не могу использовать ловушку жизненного цикла mount () и созданного () при возвращении в родительский компонент.

Ниже приведен пример того, как мой маршруты выложены. Когда я возвращаюсь назад к / foo из / foo / bar, как я могу обнаружить это в компоненте Foo?

const routes = [
  { path: '/foo', component: Foo, 
  children: [
    { path: 'bar', component: Bar }
  ]}
]

Answer 1

Вы можете использовать Штурман , чтобы получить предыдущий маршрут и выполнить проверку.

В родительском компоненте вы можете добавить это:

beforeRouteEnter (to, from, next) {
 // here you can save to and check it in mounted for instance
 // call next and pass a callback to access the component when it is ready
 next(parentComp => {
   parentComp.navigatedFrom = from
 })
},

И затем вы можете получить доступ к navigatedFrom внутри родительского компонента.