例如,我在一个页面中有一些较大的跨距(超过300+),每个跨距有{{expr}}
个绑定来显示其内容:
<span>{{expr}}</span>
页面加载后,文本{{expr}}
将立即闪烁显示在页面上,然后VueJS将接管并显示真正的绑定值.这对客户来说很糟糕,有什么办法可以避免吗?
例如,我在一个页面中有一些较大的跨距(超过300+),每个跨距有{{expr}}
个绑定来显示其内容:
<span>{{expr}}</span>
页面加载后,文本{{expr}}
将立即闪烁显示在页面上,然后VueJS将接管并显示真正的绑定值.这对客户来说很糟糕,有什么办法可以避免吗?
v-cloak
是您要查找的HTML属性.
在关联的Vue实例完成编译之前,该指令将保留在元素上.与CSS规则(如
[v-cloak] { display: none }
)相结合,该指令可用于隐藏未编译的胡须绑定,直到Vue实例就绪.