前端页面跳转出现闪烁，页面渲染不和时，html页面跳转或刷新时渲染出现闪屏，渲染顺序等问题的解决

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

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

2.页面渲染卡顿闪屏现象


出现渲染格式错乱闪烁后显示页面

3.类似下面这种情况


这些情况都属于页面渲染问题，经过测试使用下面的方法可以有效解决页面跳转或刷新出现的闪屏渲染问题

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

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

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

这篇好文章是转载于：学新通技术网