使用router跳转页面出现空白页

一、问题

使用router进行页面跳转，路径已经跳转但是出现了空白页，并且显示以下提示

 

 同时在空白页刷新之后能够出现

二、解决办法

1、出现问题的原因

<transition>中的组件渲染无法设置动画的非元素根节点。

2、将<transition>中的内容使用<div>包裹起来

<template>
  <div> 
     组件
 </div>
</template>

也可以将<transition>去掉

将包含路由的组件使用div包裹起来之后点击跳转页面就没有出现白屏现象

问题解决！