原因:
这是因为页面在加载时,元素的样式还没有应用上去导致的。
解决方法:
- 设置元素的内联样式为displya:none;
- 使用mouseenter和mouseleave代替hover,在mouseenter和mouseleave中去改变display的值;
- 查看.css文件是不是放在
</body>
下面,试着把.css文件放在<head></head>
中。
ps:
博主使用了第一种方法,但是没有直接在标签中写入style
,而是直接引用了v-cloak
,因为v-cloak
的内容就是display:none
。