QAQ_ing 2023-04-28 09:52 采纳率: 33.3%
浏览 36
已结题

vue刷新时页面闪动

vue 页面刷新时存在一个阶段header和footer已渲染但router-view未渲染,此时footer紧挨着header。下一个阶段router-view渲染footer回到下面。由此造成的画面闪动如何解决?

img

img

img

------------------------------------找到问题了----------------------------

img

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

  • 写回答

4条回答 默认 最新

  • 闭眼说瞎话 2023-04-28 10:15
    关注

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

    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 5月16日
  • 修改了问题 4月28日
  • 创建了问题 4月28日

悬赏问题

  • ¥15 关于#hadoop#的问题,请各位专家解答!
  • ¥15 如何批量抓取网站信息
  • ¥15 Spring Boot离线人脸识别
  • ¥15 NRF24L01能发送但是不能接收
  • ¥15 想问一下这种情况怎么解决呢(关键词-file)
  • ¥15 python Flassk 模块部署 服务器时报错
  • ¥15 Opencv(C++)异常
  • ¥15 VScode上配置C语言环境
  • ¥15 汇编语言没有主程序吗?
  • ¥15 这个函数为什么会爆内存