首页 > 其他 > 详细

vue指令之v-cloak

时间:2019-12-15 17:03:07      阅读:83      评论:0      收藏:0      [点我收藏+]

vue指令之v-cloak

指令可看作标签属性

某些情况下可能由于机器性能故障或者网络原因,导致传输有问题,那么浏览器无法成功解析数据,此时浏览器输出的内容就是纯文本,这样会非常影响客户体验,干脆就不显示。此时我们可以使用v-cloak指令。该指令不常用。

v-cloak指令:当数据未解析完成时会渲染什么样式。例如不显示。

技术分享图片
定义v-cloak样式

然后给容器添加v-cloak指令属性,当出现网络延迟时,该样式就会起作用,就不显示,减少内存开销。当网络恢复正常时,就会自动删除v-cloak样式。即在vue解析之前,div中有一个属性v-cloak;在vue解析之后,div中没有一个属性v-cloak

技术分享图片
使用v-cloak指令

vue指令之v-cloak

原文:https://www.cnblogs.com/singledogpro/p/12044561.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!