要修改的是这个,它的值是由label设置,我现在想要修改它的样式
我开始想着用label-width发现没有用,然后找到它的class名el-tabs__item
发现还是不行,后来把当前组件的scoped去掉就可以了,我猜想可能是这个el-tabs__item设置时是当前组件的子组件,只是我们不知道,所以scoped限制了它,所以后来在App.vue中再使用它就可以。记得将App.vue的scoped去掉,或者另外引入一个样式文件,应该也可以,可以在这里利用.el-tabs__item对label的样式进行修改。
还有另外一种方式就是在class名前加个deep就不需要在app.vue里面设置就能生效。
::v-deep .el-tabs__item{
width:100px;
text-align:center;
}