<span>Vue指令:v-clock解决页面闪烁问题</span>

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

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

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

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

相关推荐

秋盈丶:后续:我在宿舍群里和大学同学分享了这事儿,我好兄弟气不过把他挂到某脉上了,10w+阅读量几百条评论,直接干成精品贴子,爽
点赞 评论 收藏
分享
04-27 08:59
常州大学 Java
牛客139242382号:《两门以上汇编语言》
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务