垂直检视标签

Question

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

这是组件中的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 example

Answer 1

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

vuetify的2.0版本支持垂直标签。

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