＜router view＞不能在＜transition＞或＜keep alive＞内直接使用-CFANZ编程社区

＜router-view＞ can no longer be used directly inside ＜transition＞ or ＜keep-alive＞.

运行环境

"vue": "^3.2.45",
"vue-router": "^4.1.6"

触发警告代码

<transition name="fade-transform" mode="out-in">
  <keep-alive :include="['MapView']">
    <router-view></router-view>
  </keep-alive>
</transition>

＜router view＞不能在＜transition＞或＜keep alive＞内直接使用_运行环境

解决办法
照着警告提示Copy

<router-view v-slot="{ Component }">
  <transition name="fade-transform" mode="out-in">
    <keep-alive :include="['MapView']">
      <component :is="Component"
    /></keep-alive>
  </transition>
</router-view>

箴言：因为这些东西是非常简单的。不要抱怨自己学不会，那是因为你没有足够用心。