当在vue项目中引入element-ui或iview的Tabs标签时显示异常的解决方案

最新推荐文章于 2024-05-01 12:51:13 发布

SukiU

最新推荐文章于 2024-05-01 12:51:13 发布

阅读量4.2k

点赞数

分类专栏：编码问题文章标签： scope Tabs显示不出

本文链接：https://blog.csdn.net/qq_27985607/article/details/86616027

版权

编码问题专栏收录该内容

8 篇文章 1 订阅

订阅专栏

若style样式中有scoped属性，则在调整Tabs标签宽度时会不起作用；
    去掉scoped属性，加入以下css样式，隐藏掉的tabs就能正常显示出来啦。
    .ivu-tabs-tab{
        width:100px !important;
     }

总结：scope只对当前页面直接使用的标签有效。当引入外部组件时（例如<Tabs>、<Button>），在当前页面下设置外部组件的内部元素的样式就是无效的。