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

1

У меня есть следующий прецедент:

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

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

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

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

  • 0
    Вы смотрели на этот документ? router.vuejs.org/en/essentials/...
  • 1
    @LucasMarques LucasMarques я не сделал. Это выглядит хорошо! Не могли бы вы опубликовать ответ, чтобы я мог отдать должное?
Показать ещё 1 комментарий
Теги:
vue.js
vue-router

1 ответ

2
Лучший ответ

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

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

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

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

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

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню