你有没有试过更换你的过渡期：

<template>
  <main>
    <component :is="$route.meta.layout || 'div'">
      <router-view v-slot="{ Component }">
        <transition appear>
          <component :is="Component" />
        </transition>
      </router-view>
    </component>
  </main>
</template>

我觉得挺好的。
编辑
你可以尝试 Package 你的元素：
Layout.vue：

<template>
  <transition appear>
    <div :is="$route.meta.layout || 'div'">
      <slot />
    </div>
  </transition>
</template>

App.vue：

<template>
  <Layout>
    <router-view v-slot="{ Component }">
      <component :is="Component" />
    </router-view>
  </Layout>
</template>

即使我担心它会破坏你的布局。