[Vue]傻鱼的Vue踩坑日记(二): 关于Element UI tabs标签页页面出现滚动条的问题

在开发前端的道路上,路上的坑就跟月球表面似的,就算你再小心翼翼也有可能掉坑里去~
今天在做项目的时候又遇到了一个想破头皮也没想出为啥的坑最后偶尔才发现原因~

先放出出现的问题
明明之前之前页面样式都调整过了,应该不会出现滚动条才对,我单独将这个页面单独列出来却发现一点问题也没有,并没有出现滚动条之类的,???这是为啥呢?

后来才发现真的原因: 在使用Element UI tabs标签页时,必须使用name属性与选项卡绑定值 value 对应的标识符，表示选项卡别名;而且在子组件中必须加上 v-if="activeName == tabName"这样两个子组件的样式才不会冲突(我就是没有写 v-if,具体为啥必须写这个样式才能生效我也没弄明白,等弄明白再补上)