Vue3切页面，页面空白问题

问题描述：第一次直接进入错误页，页面显示正常，从错误页面切换到其他页面，其他页面为空，再切换回来，页面依然为空；

第一次进入其他页面，不进入错误页面，都表现正常，切任意非错误页面都显示正常；

只要经过错误页面，都会导致vue的显示问题。

问题原因1：在组件template中有2个div标签，如：

<template>

        <div>...</div>

        <div>...</div>

</template>

解决：

<template>

        <div>

                <div>...</div>

                <div>...</div>

        </div>

</template>

问题原因2：在根元素同层有注释，如：

<template>

        <!-- 注释 -->

        <div>...</div>

</template>

解决：把注释去掉。template中必须有且只有一个一级节点，这句话中节点也包括注释语句。注释最好写在根节点内，注释被渲染后就造成多节点导致页面出现空白。

参考文章：vue3 项目中出现的空白页面的总结_新建vue3空白-CSDN博客

参考文章：记录vue3切页面，页面空白的问题_vue3.0 切换标签页时内容不显示-CSDN博客