Vue.js 转到子路由不会保持VueX状态

Vue.js 转到子路由不会保持VueX状态,vue.js,vuejs2,vuex,vue-router,Vue.js,Vuejs2,Vuex,Vue Router,所以我有孩子路线: {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-

所以我有孩子路线:

 {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状态将刷新回基本状态。为什么会这样?

您需要改用:


{{title}}
您可以使用或
$router.push吗?我猜你用:href重新加载了你的窗口和js内存
<v-list-item-title class="pb-2">
  <router-link :to="`/news/${id}`">
    {{ title }}
  </router-link>
</v-list-item-title>