首页 > 其他 > 详细

Vue指令:v-clock解决页面闪烁问题

时间:2020-10-08 18:36:15      阅读:90      评论:0      收藏:0      [点我收藏+]

如果网速慢,而该标签内容是变量没有请求响应回来的时候,页面上先不显示该标签(vue给该标签加了css样式),当响应回来的时候改标签默认将css样式去除。

  • 此指令可以解决使用插值表达式页面闪烁问题。

将该指令加在html标签中时,可以在该文件中加style属性为display:none,例子如下:

<!--v-clock 解决闪烁问题-->
<style>
    [v-clock] {
        display: none;
    }
</style>
<div class="#app" v-clock>
    <p>{{name}}</p>
</div>

Vue指令:v-clock解决页面闪烁问题

原文:https://www.cnblogs.com/melodyjerry/p/13781358.html

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