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

来源:互联网 发布:完美芦荟胶淘宝官网 编辑:程序博客网 时间:2024/05/01 07:23

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

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

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

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

在css中定义

[v-cloak] {
   display:none;

}

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

0 0
原创粉丝点击