如何使路由器组件在Vue3.0中不被重用

Question

我想同时在transition，keep-alive，router-view中使用App.vue。我不想重复使用路由器的组件。

这是vue-路由器中的文档

在使用params路由时要注意的一点是，当用户从/ user /johnny导航到/user/jolyne时，相同的组件实例将被重用。

在Vue2.x中，我可以使用密钥来保持路由器的组件不被重用。

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

但是在Vue3.0中，代码如下所示。

<router-view v-slot="{ Component }">
  <transition>
    <keep-alive>
      <component :is="Component" />
    </keep-alive>
  </transition>
</router-view>

有人可以帮助保持路由器的组件在Vue3.0中不被重用吗？在路由器视图中使用密钥无法工作.

Answer 1

这个答案是米哈尔·列夫作为评论提供的。

将:key="$route.fullPath"放在<component>上