> 文章列表 > vue项目切换页面会白屏,刷新之后才会正常显示(已解决)

vue项目切换页面会白屏,刷新之后才会正常显示(已解决)

vue项目切换页面会白屏,刷新之后才会正常显示(已解决)

面对这种问题有两个方面:

1.就是<template>中没有div标签</template>

错误写法

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

正确写法:  切记:div标签必须是包裹住所有的标签,除了<template>外这个div就是爹

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

2.<template>中有div标签</template>

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

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

正确写法:注释写到div里面,任何除了这一!个div标签外都放到div里面

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