垂直vuetify选项卡

Question

我想创建vuetify垂直标签，但我现在不支持它。

这是组件中的vue模板：

<template>
<v-app>
    <v-tabs color="grey" grow>
        <v-tab class="tabs-container-heroes"
               v-for="tab of tabs"
               :key="tab.id"
               :title=tab
        >
            {{tab.name}}
        </v-tab>
        <v-tab-item v-for="tab in tabs" :key="tab.id">
            <HeroPresenter/>
        </v-tab-item>
    </v-tabs>
</v-app>

现在我有像这个vuetify例子的标签

Answer 1

查看此链接https://next.vuetifyjs.com/en/components/tabs#vertical-tabs

vuetify版本支持2.0版本的垂直选项卡。

如果您需要1.5版本的垂直标签，请查看此链接https://gist.github.com/jacekkarczmarczyk/eca6015c176e85ea78706e63383bbe5c它可能有所帮助。