@KuzmenkoArtem

Как сделать что бы обновлялся компонент при переходе по router-link во vue?

<router-link :to="{name: 'list', params: {id: listId}}">
    List # {{listId}}
</router-link>


Когда переходишь по такой ссылке из внешнего компонента, то все прекрасно работает
Но если перейти из одного листа в другой - роут меняется но компонент не обновляется

Как заставить обновляться компонент?
Спасибо!
  • Вопрос задан
  • 69 просмотров
Решения вопроса 1
0xD34F
@0xD34F
Отслеживайте в компоненте изменения параметра роута:

watch: {
  '$route.params.id'() {
    /*
     * здесь идёт выполнение каких-то действий,
     * направленных на обновление компонента - запрос данных, например...
     * тут уж вам виднее, что это должно быть
     */
  },
},


Либо на router-view вешайте key, зависящий от параметра роута - тогда при его изменении компонент будет создаваться заново.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы