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

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

总结:scope只对当前页面直接使用的标签有效。当引入外部组件时(例如

 

你可能感兴趣的:(编码问题)