阅读 64

vue指令之v-cloak

v-cloak指令的作用是vue实例渲染后关联结束;

双大括号插值语法在遇到网络延迟的时候会显示编译之前的文本。

 1     
2 {{a}} 3
4 5

此时我们将网速调到最慢,此时我们可以看到

我们可以使用v-cloak结合CSS解决双大括号渲染的难题

1 

 1

  {{a}} 
 

[v-cloak]css选择器选择的是html结构中有v-cloak的属性,有这个属性的元素设置display为none,又由于v-cloak这个属性在vue的实例加载完之后关联结束,所以就需要了这个元素的隐藏状态,元素就会显示,这样造成的结果就是要么空白,要么显示编译后的文本。

 

原文:https://www.cnblogs.com/keyeking/p/15260620.html

文章分类
代码人生
文章标签
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐