出现页面跳转闪烁问题,大多是因为渲染的顺序造成的

例如下面几种情况
1.页面刷新时出现{{}} 或其它网页内容文字等

2.页面渲染卡顿闪屏现象
在这里插入图片描述
在这里插入图片描述
出现渲染格式错乱闪烁后显示页面

3.类似下面这种情况
在这里插入图片描述
在这里插入图片描述
这些情况都属于页面渲染问题,经过测试使用下面的方法可以有效解决页面跳转或刷新出现的闪屏渲染问题

在页面最外层div上加上下面这段语句:

<div id='app'  style="display: none;" :style="{display: 'block'}">

可以理解为:style只有vue渲染的时候才识别,在此之前style=“display: none;” 让页面不显示。vue渲染后,:style="{display: ‘block’}"有让页面显示出来。亲测有效。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐