我是 vuetify 的新手,我想将两个表设置为 vuetify.js 选项卡,但是当我将两个表设置为选项卡时,只显示一个表并且不更改内容。我的代码有什么问题。谢谢。
<v-card>
<v-tabs v-model="tab"
background-color="deep-purple accent-4"
centered
dark
icons-and-text>
<v-tabs-slider></v-tabs-slider>
<v-tab href="#subscribe">
Subscribe
<v-icon>mdi-phone</v-icon>
</v-tab>
<v-tab href="#contact">
Contact
<v-icon>mdi-heart</v-icon>
</v-tab>
</v-tabs>
<v-tabs-items v-model="tab">
<v-tab-item
:key="1"
:value="subscribe">
<v-card flat>
<v-card-text>
<v-data-table ....></v-card-text>
</v-card>
</v-tab-item>
<v-tab-item
:key="2"
:value="contact">
<v-card flat>
<v-card-text> <v-data-table ...></v-card-text>
</v-card>
</v-tab-item>
</v-tabs-items>
</v-card>
Run Code Online (Sandbox Code Playgroud)