Vue 学习 v-cloak指令 解决页面闪烁

指令是什么=>指令就是一个自定义属性,Vue中指令都是以v-开头
在开始刚开始学习Vue时 当我们重新刷新页面 时会出现闪烁情况
为什么会有闪烁问题?
代码加载的时候先加载HTML 把插值语法当做HTML内容加载到页面上 当加载完js后才把插值语法替换掉 所以我们会看到闪烁问题
解决方法:使用v-cloak
1.在渲染页面的标签中添加
例如:

<div v-cloak>{{msg}}</div>

2.在css中设置:

<style type="text/css">
  [v-cloak]{
    display: none;
  }
  </style>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值