vue3 Transition标签 属性 mode=“out-in“ 页面跳转出现空白

问题

正常情况下，这样使用Transition标签 mode=“out-in“没有问题，页面可以正常切换
当Axios请求报错后，这种方式会导致所有标签页出现空白问题

问题分析

把mode属性去掉后，可以完美解决这个问题
网上查找后，也有人出现类似的问题
https://blog.csdn.net/qq_44029066/article/details/129285220
https://blog.csdn.net/weixin_50587417/article/details/130677856

目前项目当中template属性下有多个根元素，需要一个个页面排查，直接把mode属性去掉即可，怀疑是Vue3的一个Bug

Transition标签实现样式过渡原理

在Transition标签上传一个name属性，然后通过CSS样式实现页面过渡的动画效果