vue.js加载页面出现闪烁问题的解决
在使用vue时会出现加载渲染页面时闪烁,一般有以下两个情况:
1.使用了{{}},解决方案使用v-bind
2.使用v-if,出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。
以上两个问题都可以使用以下的方案来解决。
在css中定义
[v-cloak] {
display:none;
}
在v-if中加上v-cloak即可解决.
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。
在使用vue时会出现加载渲染页面时闪烁,一般有以下两个情况:
1.使用了{{}},解决方案使用v-bind
2.使用v-if,出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。
以上两个问题都可以使用以下的方案来解决。
在css中定义
[v-cloak] {
display:none;
}
在v-if中加上v-cloak即可解决.