<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>
全部评论

相关推荐

05-19 15:21
已编辑
华南农业大学 Java
白火同学:你才沟通了200,说实话,北上广深杭这里面你连一座城市的互联网公司都没投满呢,更别说还有各种准一线二线城市了。等你沟通突破了三位数,还没结果再考虑转行的事吧。
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

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