使用vue时会出现加载渲染页面时闪烁问题

Posted -ting

tags:

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

在使用vue时会出现加载渲染页面时闪烁,一般有以下两个情况:

1.使用了{{}},解决方案使用v-bind

2.使用v-if,出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。

以上两个问题都可以使用以下的方案来解决。

在css中定义

[v-cloak] {
   display:none;

}

在v-if中加上v-cloak即可解决.

以上是关于使用vue时会出现加载渲染页面时闪烁问题的主要内容,如果未能解决你的问题,请参考以下文章

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

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

解决vue渲染时闪烁{{}}的问题

el-table使用时,动态赋值会出现闪烁的问题

vue数据加载分页功能

vue刷新页面出现闪烁