使用vue闪现vue代码

最近使用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>

这个方法我还没有亲测。先放上来。 以后有机会再试下。
发布了55 篇原创文章 · 获赞 13 · 访问量 5万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览