注:暂时解决了问题,以后再根据情况更新。
一般有两种原因:
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,闪烁得以解决

不起效可能的原因

  1. css样式优先级不够,被覆盖
    解决:
[v-cloak] {
	display:none !important;
}

2.样式放在了@import引入的css文件中
解决:

<style>
[v-cloak] {
	display:none;
}
</style>

或者:
把样式写到通过link引入的css中

Logo

前往低代码交流专区

更多推荐