vue刷新时页面闪动

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设置最小高度（副作用：高度给大了，内容少的网页会有空白；小了，网页中下部还是会闪动）
我没想到还有什么完美的方法，有的可以说一下

你这写的好像就有问题，然后用个keepalive呢，在路由里面价格meta

也不影响吧，只是页面初始加载会出现这个问题。

你一开始就给footer和header 加个 样式 定位 前者bootom 0 后者 top：0

• 这篇博客也许可以解决你的问题👉 ：vue 底部footer导航组件
• 除此之外, 这篇博客: 关于多个router-view视图组件，渲染同一页面中的 4. footer.vue文件 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• <template>
    <div>
    	我是底部  	
    </div>
  </template>
  
  <script>
  	export default {
  	  data(){
  	    return{
  	     
  	    }
  	  },
  	  methods:{
  	  	
  	  }
  	}
  </script>
  
  
  <style scoped>
  </style>
  
  

  ---

  以上就是关于“vue.js多视图的使用”的相关简述，可作为demo演示学习和了解。