vuetify:在下一个vtab前添加按钮

时间:2019-03-17 21:20:25

标签: vue.js vuetify.js

我想在vtabs之前添加一个按钮,但是我的解决方案不起作用。在这种情况下,vtabs下的内容由于包含按钮的伸缩性而具有左边距。 您是否有解决方案,可以在v标签前显示按钮,并在其下留有空白?

我的代码:

 <v-layout row>
          <v-flex shrink>
            <v-tooltip bottom>
              <template v-slot:activator="{ on }">
                <v-btn v-on="on" dark fab small color="secondary" @click="showModaleAddActivite()">
                  <v-icon>add</v-icon>
                </v-btn>
              </template>
              <span>Ajouter une activité</span>
            </v-tooltip>
          </v-flex>
          <v-flex grow>
            <!-- onglets -->
            <v-tabs grow show-arrows v-model="activiteUrlSelected" color="blue-grey" dark>
              <v-tabs-slider color="deep-purple darken-3"></v-tabs-slider>
              <!-- contenus des onglets -->
              <v-tab
                :href="'#'+activite.urlEncoded"
                :to="'#'+activite.urlEncoded"
                v-for="(activite, index) in club.activites"
                :key="index"
              >{{ activite.code }}</v-tab>
              <v-tabs-items>
                <v-tab-item

vtabs

0 个答案:

没有答案