Vue指令:v-clock解决页面闪烁问题
如果网速慢,而该标签内容是变量没有请求响应回来的时候,页面上先不显示该标签(vue给该标签加了css样式),当响应回来的时候改标签默认将css样式去除。
- 此指令可以解决使用插值表达式页面闪烁问题。
将该指令加在html标签中时,可以在该文件中加style
属性为display:none
,例子如下:
<!--v-clock 解决闪烁问题-->
<style>
[v-clock] {
display: none;
}
</style>
<div class="#app" v-clock>
<p>{{name}}</p>
</div>
💥 一个正在学习全栈的 💥
⭐ 精神小伙 ⭐
💥 MelodyJerry 💥