保持生命,路由器视图不起作用?

时间:2019-12-27 02:15:41

标签: vue.js

我对保持活动状态和路由器视图有疑问:

<keep-alive>
    <router-view :key="$route.fullPath"></router-view> 
</keep-alive>

routes: [
        {path: '/:id', name: 'detail', component: Detail, props: true },
        {path: '/', name: 'main', component: Main}
      ]

我有一个组件详细信息包含2个子组件: Child1 Child2

当我在每个详细信息

上使用router-link时,我有3个详细信息
<router-link :to="{ name: 'detail', params: {id: detailID1}}">
      <a>{{detailID1}}</a>
</router-link>

<router-link :to="{ name: 'detail', params: {id: detailID2}}">
      <a>{{detailID2}}</a>
</router-link>

<router-link :to="{ name: 'detail', params: {id: detailID3}}">
      <a>{{detailID3}}</a>
</router-link>

当我路由到详细信息1 时一切正常,但是当我路由到详细信息2 并返回详细信息1 Child1 已被缓存,并且 Child2 现在来自详细信息2 而非详细信息1

0 个答案:

没有答案