vue刷新页面出现闪烁

Posted wjqbooks

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue刷新页面出现闪烁相关的知识,希望对你有一定的参考价值。

在容器里添加v-cloak

<div class="box" id="call-no-list" v-cloak></div>

然后在css样式表里添加

[v-cloak] {
    display: none !important;
}

这样的话在页面加载的时候是隐藏的,到vue解析到带有v-clock的节点时候,会把attribute和class同时remove掉,这样就可以实现防止节点的闪烁。

以上是关于vue刷新页面出现闪烁的主要内容,如果未能解决你的问题,请参考以下文章

vue -- v-cloak解决刷新或者加载出现闪烁(显示变量)

vue -- v-cloak解决刷新或者加载出现闪烁(显示变量)

vue项目解决路由跳转页面闪烁问题(过度动画)

Vue无感知刷新页面

Vue 实现页面刷新

vue刷新页面方式