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>
posted @ 2020-10-08 14:44  MelodyJerry  阅读(813)  评论(0编辑  收藏  举报
没有伞的孩子必须努力奔跑!|
载入天数...载入时分秒...
(っ•̀ω•́)っ✎⁾⁾ 开心每一天