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 (是不是一劳永逸)

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM