删除VuetifyJS v-tabs组件的标头

Question

我需要此VuetifyJS v-tabs NEXT TAB组件的功能，但没有导航标题。如何删除它？

Here is a CodePen example

<v-tabs
  v-model="active"
  color="cyan"
  dark
  slider-color="yellow"
>
  <v-tab
    v-for="n in 3"
    :key="n"
    ripple
  >
    Item {{ n }}

  </v-tab>
  <v-tab-item
    v-for="n in 3"
    :key="n"
  >
    <v-card flat>
      <v-card-text>{{ text }}</v-card-text>
    </v-card>
  </v-tab-item>
</v-tabs>

<div class="text-xs-center mt-3">
  <v-btn @click="next">next tab</v-btn>
</div>

Answer 1

.v-tabs__bar {display: none}

您可能想添加自定义选择器。

或者考虑针对您的功能（用例）使用不同的方法，因为制表符的目的是拥有...好...制表符。