首页 > 技术文章 > Vue中v-属性防闪屏疑问,同css实现效果不同

bulter 2021-07-14 09:50 原文

 

 图中类选择器why和属性选择器v-clock实现的效果不一致

v-clock实现效果:

 

 点击后可以发现对应字体显现,但是没有颜色。

why实现效果:

点击后发现对应字体隐藏了为什么同一个CSS会出现这种效果呢?

 

结论:研究一番过后,发现如果我去掉v-前缀的话,就和why一样的效果了。

说明这个属性v-*在vue中有封装的方法去实现效果。

——>>>>>>>所以想实现闪屏,需要属性写成v-*形式的。若要添加额外修饰效果,额外写一个CSS(如下图所示)<<<<<<————

 

 

 

推荐阅读