vuejs设置v-cloak不生效的原因

用过vuejs的小伙伴们都知道,v-cloak是用来处理vue绑定数据的时候,渲染页面时会出现变量闪烁的方法。

可是今天自己写项目的时候发现给标签加上了v-cloak属性还是没发正常隐藏。

随后去确认是否有在css里面加上[v-cloak] {display: none;},发现也是加了的。

最后审查元素才发现原有div上的一个类名上面添加了display: block;属性,而且权重比[v-cloak]添加的样式要高,所以导致样式被覆盖没生效。

解决办法就是添加important属性去覆盖其他的样式[v-cloak] {display: none!important;}

真的是自己坑了自己……大家遇到此类问题可以排查一下看看是否是这种情况导致的~

打赏支持

如果文章对你有帮助就打个赏吧~

[微信] 扫描二维码打赏

[支付宝] 扫描二维码打赏

评论

还没有任何评论,你来说两句吧

发表评论

Powered By Yuuk