vue 页面刷新时存在一个阶段header和footer已渲染但router-view未渲染,此时footer紧挨着header。下一个阶段router-view渲染footer回到下面。由此造成的画面闪动如何解决?
------------------------------------找到问题了----------------------------
懒加载的问题
本来如果没有懒加载的问题的话,header、footer和router-view是同时渲染,router-view会把footer顶到最下面,没有闪动的问题
因为懒加载,渲染的时候router-view开始加载组件,在加载完成前高度为0,才会出现这个问题。两种懒加载都不行
解决办法:
1:去除懒加载(副作用:初始加载就慢了)
2:给router-view一个父级div,给这个div设置最小高度(副作用:高度给大了,内容少的网页会有空白;小了,网页中下部还是会闪动)
我没想到还有什么完美的方法,有的可以说一下