Vuetify标签宽度自定义

Question

如何将v-tabswidth:100%设置为灵活宽度?

<v-tabs v-model="tab">
<v-tab href="#tab1" style="width:50%;">tab1</v-tab>
<v-tab href="#tab2" style="width:50%;">tab2</v-tab>
</v-tabs> 
<v-tabs-items v-model="tab">
<v-tab-item :key="1" value="tab1">1111</v-tab-item>
<v-tab-item :key="2" value="tab2">222222</v-tab-item>
</v-tabs-items> 

我的代码不工作宽度100%

Answer 1

这在Vuetify 2.6.6中为我工作:

<v-tabs grow>
<v-tab>Tab 1</v-tab>
<v-tab>Tab 2</v-tab>
</v-tabs>

grow道具参考:https://vuetifyjs.com/en/api/v-tabs/#props-grow