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

Question

У меня есть следующий вариант использования:

1. Визит /parent страницы и родительский компонент отображается
2. Посетите /parent/john, и дочерний компонент будет обработан
3. Вернитесь к /parent дочерний компонент уничтожен

На данный момент мне нужно обновить родительский компонент. У меня есть следующие маршруты. JS:

{
  path: '/parent',
  name: 'parent',
  component: Parent,
  beforeEnter: (to, from, next) => {
    console.log(to, from);
    next();
  },
  children: [
    {
      path: ':child',
      component: Child
    },
  ]
},

Поскольку beforeEnter при первом отображении компонента есть ли другой способ узнать, что маршрут был обновлен, и вызвать метод для родительского компонента?

Answer 1

Я думаю, реагирование на изменения параметров может быть полезным.

По сути, после регистрации vue-router все компоненты будут иметь атрибуты '$ router' и '$ route'.

component. $ Router можно использовать для привязки слушателей и программного изменения текущего маршрута.

компонент. $ Route содержит информацию о текущем маршруте.

Итак, одна альтернатива - смотреть атрибут $ route.

const User = {
  template: '...',
  watch: {
    '$route' (to, from) {
      // react to route changes...
    }
  }
}