最近使用vue,发现在加载vue数据之前,先会加载一次普通页面,这时候vue的数据就会变成普通的文本被展示出来。虽然只是一闪而过,但是还是很丑。
最后想到一种办法,用一个div把使用vue的部分扩上,让他先不展示,再使用vue的v-show,判断条件再展示。
<div id="follow_task_plan" style="display:none;" v-show="判断条件">
<!-- 使用vue的代码-->
</div>
id用来确定vue使用的范围, style设置为隐藏,v-show里就写判断的条件就可以了。
群里的小伙伴看过这个之后。 告诉了我个更简单的办法
v-cloak可以解决这一问题,在css中加上
[v-cloak]{
display : none;
}
在html中的加载点加上v-cloak,就可以解决这一问题
<div id="app" v-cloak>
{{msg}}
</div>
这个方法我还没有亲测。先放上来。 以后有机会再试下。