Переход на дочерний маршрут не сохраняется в состоянии VueX

Question

Итак, у меня есть дочерний маршрут:

 {path: '/news/:id',
   component: () => import('../views/NewsDetail.vue'), 
   props: true
  },

Теперь я, когда я go перехожу на этот маршрут из другого представления / компонента в моем приложении:

 <v-list-item-title class="pb-2"><a :href="'/news/'+this.id">{{title}}</a></v-list-item-title>

Однако собираюсь к этому Состояние маршрута VueX обновляется до базового состояния. Почему это так?

Answer 1

Вам нужно использовать router-link вместо:

<v-list-item-title class="pb-2">
  <router-link :to="`/news/${id}`">
    {{ title }}
  </router-link>
</v-list-item-title>