vue页面进入时闪烁问题的解决
一般有两种原因:1.使用了{{}},解决方案使用v-bind2.使用v-if,出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。解决方法(亲测可行):(1)在css中加入代码[v-cloak] {display:none;}(2)在挂载元素上加入属性 v-cloak例如:<div class="#app">&a
·
注:暂时解决了问题,以后再根据情况更新。
一般有两种原因:
1.使用了{{}},解决方案使用v-bind
2.使用v-if,出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。
解决方法(亲测可行):
(1)在css中加入代码
[v-cloak] {
display:none;
}
(2)在挂载元素上加入属性 v-cloak
例如:
<div class="#app">
<p>{{value.name}}</p>
</div>
注:vue模版渲染完成后再显示dom,闪烁得以解决
不起效可能的原因
- css样式优先级不够,被覆盖
解决:
[v-cloak] {
display:none !important;
}
2.样式放在了@import引入的css文件中
解决:
<style>
[v-cloak] {
display:none;
}
</style>
或者:
把样式写到通过link引入的css中
更多推荐
已为社区贡献5条内容
所有评论(0)