问答

vue 刷新页面时,会出现主页一闪而过现象,怎么解决呢

作者:admin 2021-04-18 我要评论

目前尝试的方法有: 1、把根目录的index.html中id=app的元素设置为display:none。再app.vue被挂载后,将该属性设置为block this.$refs.VueApp.style.display = ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

目前尝试的方法有:

1、把根目录的index.html中id=app的元素设置为display:none。再app.vue被挂载后,将该属性设置为block

this.$refs.VueApp.style.display = 'block';

2、v-cloak ,并设置css [v-cloak]{display:none}

这两个方法都不太行,请问有什么能解决这个问题的方法吗

###

为什么要设置display:none 到block ,据我知道的,vue刷新不会一闪而过?
v-cloak:当网络较慢,网页还在加载 Vue.js ,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。跟闪屏有什么关系?

###

你得提供代码或者复现地址呀。

主页一闪而过。我来盲猜一波。你是异步路由,因为没匹配到所以渲染到了首页。

###

做个骨架屏或loading

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器