按照vue3的路由keepalive书写:
<router-view @changeLoad="changeLoad" v-slot="{ Component }">
<transition>
<keep-alive include="">
<component :is="Component" />
</keep-alive>
</transition>
</router-view>
加使用后,有时浏览器会看到这个警告
Component inside renders non-element root node that cannot be animated.
其实就是加载的路由组件里存在多个根节点,是哪个页面有问题,看这个报错的下面第一行at 后面是哪个页面。我是将弹窗放在了节点外面所以报了这个错,不过页面运行起来没受什么影响。