使用vue闪现vue代码

xiaoxiao2021-02-28  95

最近使用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> 这个方法我还没有亲测。先放上来。 以后有机会再试下。

转载请注明原文地址: https://www.6miu.com/read-50712.html

最新回复(0)