问题描述
1、页面切换后白屏,同时切换回上一个页面同样白屏
2、刷新后正常显示
3、有警告:Component inside <Transition> renders non-element root node that cannot be animated
解决方法
<Transition>中的组件呈现不能动画化的非元素根节点
也就是说,组件内必须有一个根元素
之前:
<template> <div>你好</div> <div>您好</div> </template>
现在:
<template> <div> <div>你好</div> <div>您好</div> </div> </template>
原来的vue2中,template下是必须有一个根元素的,vue3变为可多个根元素