我正在使用 vue.js 和 vuetify 进行一些网页设计，并且在尝试在 vuetify v-tab 中显示 vue 组件时遇到了问题。
我的 vue 组件中有以下标记:
<v-tabs>
<v-tab href="#search">
Søg
</v-tab>
<v-tab href="#rare">
SU
</v-tab>
<v-tab href="#review">
2019
</v-tab>
<v-tabs-items>
<v-tab-item key="search">
<ObservationSelection />
</v-tab-item>
<v-tab-item key="rare">
<ObservationSu />
</v-tab-item>
<v-tab-item key="review">
<ObservationAaretsGang />
</v-tab-item>
</v-tabs-items>
</v-tabs>
似乎由于某种原因，v-tab-item 没有正确“连接”到 v-tab，所以我在每个 v-tab 中看不到任何内容。
如果在 v-tab 之外使用，每个相关组件都可以很好地工作。
请您参考如下方法:
删除 v-tabs-items并将内容放入 v-tabs元素。
结构将是:
v-tabsv-tab v-tab-item 这给了我们:
<v-tabs>
<v-tab href="#search">
Søg
</v-tab>
<v-tab-item value="search">
<ObservationSelection />
</v-tab-item>
<v-tab href="#rare">
SU
</v-tab>
<v-tab-item value="rare">
<ObservationSu />
</v-tab-item>
<v-tab href="#review">
2019
</v-tab>
<v-tab-item value="review">
<ObservationAaretsGang />
</v-tab-item>
</v-tabs>
