垂直检视标签

时间:2019-06-07 14:34:39

标签: vue.js tabs vuetify.js

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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