在使用vue时会出现加载渲染页面时闪烁,一般有以下两个情况:
1.使用了{{}},解决方案使用v-bind
2.使用v-if,出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。
以上两个问题都可以使用以下的方案来解决。
在css中定义
[v-cloak] { display:none;
}
在v-if中加上v-cloak即可解决.