删除 VuetifyJS v-tabs 组件的标头答案

【问题标题】：Remove header of VuetifyJS v-tabs component删除 VuetifyJS v-tabs 组件的标头
【发布时间】：2018-07-19 08:39:59
【问题描述】：

我需要这个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>

【问题讨论】：

等等什么？你的意思是.v-tabs__bar {display: none}？
好的，谢谢。我想错了方向

标签： javascript vue.js tabs vuetify.js

【解决方案1】：

.v-tabs__bar {display: none}

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

或者为您的功能（用例）考虑不同的方法，因为选项卡的目的是拥有......好吧......选项卡。

【讨论】：