vuetify中的v-tabs组件默认字体颜色是白色,但是我们项目中这个字体颜色是要根据用户设置的颜色变换
<v-tabs
v-if="qrcode"
fixed-tabs
v-model="tabs"
class="my-4"
:color="highlightColor"
>
<v-tab
class="tab-item"
:style="styleObject"
v-for="source in tabSources"
:key="source.name"
@change="tabTap(source.id)"
>
<span>{{ source.name }}</span>
</v-tab>
</v-tabs>
computed: {
styleObject() {
return {
"--color": this.fontColor
};
}
},
/deep/ .tab-item:not(.v-tab--active) {
color: var(--color) !important;
}