我对保持活动状态和路由器视图有疑问:
<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