ruoyi前端切换路由，页面出现空白，点击刷新出现页面内容

一、背景说明

最近开发ruoyi的项目，发现一个奇怪的问题：切换路由，页面出现空白，点击刷新后出现页面内容。尝试了多种方案终于解决了，在这里记录一下，希望能帮助到同样入此坑的前端开发者们。

二、解决方法

页面内容必须囊括在1个根结点下。

正确示范：

<template>
  <div>
    <div>123</div>
    <div>456</div>
    <div>789</div>
  </div>
</template>

错误示范：

<template>
  <div>123</div>
  <div>456</div>
  <div>789</div>
</template>