[已解决]vue3中的transition淡入谈出的效果

我页面使用了这个淡入淡出的效果，但是我发现无法触发淡入的效果，只能触发淡出的效果，有没有大佬知道咋弄

      <router-view v-slot="{ Component }">
          <transition name="fade-transform" mode="out-in">
            <keep-alive :include="cachedViews">
              <component :is="Component" :key="fullPath"/>
            </keep-alive>
          </transition>
       </router-view>
       #必须要 指定进入动画class 
      <router-view v-slot="{ Component }">
           <transition name="fade-transform" enter-from-class="fade-transform-enter" mode="out-in">
            <keep-alive :include="cachedViews">
              <component :is="Component" :key="fullPath"/>
            </keep-alive>
          </transition>
       </router-view>

.fade-transform-enter-active,
.fade-transform-leave-active {
  transition: opacity 0.15s;
}

.fade-transform-enter,
.fade-transform-leave-to {
  opacity: 0;
}

.fade-transform-enter-to,
.fade-transform-leave {
  opacity: 1;
}