首页 > 其他 > 详细

v-cloak的用法和注意事项

时间:2019-04-26 18:54:02      阅读:122      评论:0      收藏:0      [点我收藏+]

v-cloak是前端框架vue.js中的一个方法,作用是为了防止在页面加载时先出现变量名闪烁的情况,造成不好的用户体验,

例如:{{ v.name}} (闪一下)=> 张三

用法:html中:<h1  v-cloak> {{ v.name }} </h1>

   css中:[ v-cloak ] {

       display:none

       }

 

拓展:v-cloak 中的 display 属性有优先级,容易被覆盖,导致达不到效果

办法:display:none !important (是不是一劳永逸)

 

v-cloak的用法和注意事项

原文:https://www.cnblogs.com/loong1314/p/10775924.html

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