牛骨文教育服务平台(让学习变的简单)
博文笔记

vue.js加载页面出现闪烁问题的解决

创建时间:2017-03-23 投稿人: 浏览次数:4599

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

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

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

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

在css中定义

[v-cloak] {
   display:none;

}

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

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。