Vue组件里设置了color: #fff,我就是手欠

前言

笔者是一个自学前端的野孩子,一路过来摸爬滚打,狼狈不堪,现在学到了Vue,目前正学写一个购物网站的页面。

自己埋的雷自己踩

Vue写页面就是不断的封装封装,封装的头皮发麻;在封装一个nav组件时,我埋了一颗雷,后来我就被炸上了天。
事情是这样的:我在封装nav组件时,在组件内的把字体颜色设置成了#fff(为啥设成白色,因为我手欠,雷已埋好),到了使用这个组件的时候了,第一次使用没事,第一次这个nav有背景颜色,白色的字体刚刚好,非常的漂亮,第二次使用,嘣…
‘mmp,为啥我在组件里的文字不显示?也没报错,前面用没事呀’,自言自语了半小时,请脑补找错的画面,然后‘恩?这个color:#fff,这是什么鬼?’,赶紧给组件加了个背景颜色(为啥最开始不设置背景,因为背景本来就是白色),倒吸一口凉气,费了九牛二虎之力总算把这个’藏—'起来的内容给揪出来了。

教训

啪啪。。。反手就是给自己两巴掌,这个故事告诉我没事别把字体颜色设置为白色,真的会被炸上天

猜你喜欢

转载自blog.csdn.net/qq_40755381/article/details/106282752
fff