Vue 3.0 路由器组件转换不适用于 mode="out-in"

Question

我用 vue 3.0 和 vue-router 4.0 构建了一个应用程序。

我的 App.vue 组件（第一个渲染组件）中有这个非常简单的代码：

<router-view v-slot="{ Component }">
    <transition name="fade" mode="out-in" appear>
        <component :is="Component"></component>
    </transition>
</router-view>

第一页是渲染器 - 没问题。但是，一旦我导航到另一个页面，页面就会变成空白。如果我删除 mode="out-in" 它会起作用（但转换很难看）。

有谁知道为什么吗？

Answer 1

我终于发现哪里错了，是多么愚蠢...

在我的模板中，我在第一个标签前添加了注释：

<template>

    <!-- login layout --> <=== NOT A GOOD IDEA...
    <div class="lsn-login">
        ...
    </div>

</template>

感谢您的所有评论。

Vue 3.0 路由器组件转换不适用于 mode="out-in"

Vue 3.0 router components transition does not work with mode="out-in"

vue.js

vue-router4