问题描述

1、页面切换后白屏，同时切换回上一个页面同样白屏
2、刷新后正常显示
3、有警告：Component inside <Transition> renders non-element root node that cannot be animated

解决方法

<Transition>中的组件呈现不能动画化的非元素根节点
也就是说，组件内必须有一个根元素

原来：

<template><div>1</div><div>2</div>
</template>

现在：

<template><div><div>1</div><div>2</div></div>
</template>

原来的vue2中，template下是必须有一个根元素的，vue3变为可多个根元素