小编Mah*_*ari的帖子

vuetify 如何将内容设置为标签 v-tabs-items

我是 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)

vue.js vuetify.js

2
推荐指数
1
解决办法
5403
查看次数

标签 统计

vue.js ×1

vuetify.js ×1