Vue——style动态绑定样式

vuetify中的v-tabs组件默认字体颜色是白色，但是我们项目中这个字体颜色是要根据用户设置的颜色变换

<v-tabsv-if="qrcode"fixed-tabsv-model="tabs"class="my-4":color="highlightColor"><v-tabclass="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;}