用过vuejs的小伙伴们都知道,v-cloak是用来处理vue绑定数据的时候,渲染页面时会出现变量闪烁的方法。
可是今天自己写项目的时候发现给标签加上了v-cloak属性还是没发正常隐藏。
随后去确认是否有在css里面加上[v-cloak] {display: none;}
,发现也是加了的。
最后审查元素才发现原有div上的一个类名上面添加了display: block;
属性,而且权重比[v-cloak]添加的样式要高,所以导致样式被覆盖没生效。
解决办法就是添加important属性去覆盖其他的样式[v-cloak] {display: none!important;}
。
真的是自己坑了自己……大家遇到此类问题可以排查一下看看是否是这种情况导致的~