转到子路由不会保持 VueX 状态答案

【问题标题】：Going to child route does not persist VueX state转到子路由不会保持 VueX 状态
【发布时间】：2020-02-17 13:36:54
【问题描述】：

所以我有子路线：

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

现在，当我从应用程序中的不同视图/组件转到这条路线时：

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

然而，在这条路线上，VueX 状态会刷新回基本状态。为什么会这样？

【问题讨论】：

【解决方案1】：

您需要改用router-link：

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

【讨论】：