在使用vue时会出现加载渲染页面时闪烁,一般有以下两个情况:
1.使用了{{}},解决方案使用v-bind
2.使用v-if,出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。
以上两个问题都可以使用以下的方案来解决。
在css中定义
[v-cloak] {
display:none;
}
在v-if中加上v-cloak即可解决.
本文介绍了在使用Vue.js框架时遇到的页面加载闪烁问题,并提供了两种常见情况下的解决方案:一是使用v-bind替代{{}
在使用vue时会出现加载渲染页面时闪烁,一般有以下两个情况:
1.使用了{{}},解决方案使用v-bind
2.使用v-if,出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。
以上两个问题都可以使用以下的方案来解决。
在css中定义
[v-cloak] {
display:none;
}
在v-if中加上v-cloak即可解决.
1040
2109
8462

被折叠的 条评论
为什么被折叠?