面对这种问题有两个方面:
1.就是<template>中没有div标签</template>
错误写法:
<template>
直接开始布局了
</template>
正确写法: 切记:div标签必须是包裹住所有的标签,除了<template>外这个div就是爹
<template>
<div>
开始布局
</div>
</template>
2.<template>中有div标签</template>
错误写法:原因:他会把注释当作为一个节点,所以div就不是最大的容器了,他要先识别div标签,在识别div里面的标签,这时又多了其他节点就会出现白屏文章来源:https://www.toymoban.com/news/detail-684782.html
<template>
<!-- <zujian @seleted="shuju" /> -->
<div>
开始布局
</div>
<!-- <zujian @seleted="shuju" /> -->
</template>
正确写法:注释写到div里面,任何除了这一!个div标签外都放到div里面文章来源地址https://www.toymoban.com/news/detail-684782.html
<template>
<div>
<!-- <zujian @seleted="shuju" /> -->
开始布局
<!-- <zujian @seleted="shuju" /> -->
</div>
</template>
到了这里,关于vue项目切换页面会白屏,刷新之后才会正常显示(已解决)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!