v-cloak的用法和注意事项

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

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

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

   css中:[ v-cloak ] {

       display:none

       }

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

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

猜你喜欢

转载自www.cnblogs.com/loong1314/p/10775924.html
今日推荐