VUE3 页面空白不报错,刷新之后正常显示

发布时间 2023-08-30 14:49:16作者: 烤乳鸽

问题:

VUE用的不多,写了两个页面展示表格和图形,刚开始运行正常,页面切换也没有问题。

后面增加一些代码后,页面显示空白,但前后端都不报错,并且先点击此菜单再点别的也都变空白。

原因:

1、<template>中间没有div标签

错误写法:

<template>
    直接开始布局
</template>

正确写法:

<template>
    <div>
        开始布局
     </div>
</template>

<div>标签要包含所有的标签,<div>仅次于<template>

2、<template>与<div>之间有注释

错误写法: 

<template>
 <!-- <zujian @seleted="shuju" /> -->
<div>
开始布局
</div>
    <!-- <zujian @seleted="shuju" /> -->
</template>

他会把注释当作为一个节点,所以div就不是最大的容器了,他要先识别div标签,在识别div里面的标签,这时又多了其他节点就会出现白屏

正确写法:
<template>
<div>
 <!-- <zujian @seleted="shuju" /> -->
开始布局
    <!-- <zujian @seleted="shuju" /> -->
</div>
</template> 

来源:http://t.csdn.cn/dEKJ8