V-cloak的用法

V-cloak的用法,第1张

 v -cloak 指令的作用:防止页面加载时出现闪烁问题(解决插值表达式的闪烁问题);为什么会有闪烁问题昵? 代码加载的时候先加载HTML,把插值语法当做HTML内容加载到页面上,当加载完 js 文件后才把插值语法替换掉,所以我们会看到闪烁问题。

html代码:

  {{ value }}
css代码:
[v-cloak] {
  display: none;//开始时先隐藏起来
}

当vue一旦介入时,v-cloak被删除,display: none随之无法控制html页面。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1298009.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存