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

Question

[KuzmenkoArtem]

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

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

Как заставить обновляться компонент?

Answer 1

[0xD34F]

Отслеживайте в компоненте изменения параметра роута:

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