我使用 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>
Run Code Online (Sandbox Code Playgroud)
第一页是渲染器 - 没问题。但一旦我导航到另一个页面,页面就会变成空白。如果我删除它,mode="out-in"它就可以工作(但过渡很丑陋)。
有谁知道为什么?