下拉菜单不适用于Vuetify中的工具栏

时间:2019-06-17 16:28:27

标签: vue.js vuejs2 vue-router vuetify.js

我正在尝试在Vuetify工具栏中放置一个下拉菜单。但这是行不通的。始终显示下拉菜单。不知道为什么。遵循此https://demos.creative-tim.com/vuetify-material-dashboard/documentation/component-docs/dropdown.html

我尝试过这样:


            <router-link 
              v-for="item in items"
              :key="item.title"
              :to="item.to"
              v-show="item.show"
              class="routerLink"
            >
            <v-btn
            class="teal lighten-3"
            flat 
            >
              <v-icon class="menuLink">{{ item.icon }}</v-icon>
              {{ item.title }}
            </v-btn>
            </router-link>

            <v-menu
              offset-y
              content-class="dropdown-menu"
              transition="slide-y-transition">
              <v-btn
              slot="activator"
                color="success"
              >
              <v-icon left>mdi-bell</v-icon>
                Dropdown
              </v-btn>
              <v-card>
                <v-list dense>
                  <v-list-tile
                    v-for="notification in notifications"
                    :key="notification"
                  >
                    <v-list-tile-title
                      v-text="notification"
                    />
                  </v-list-tile>
                </v-list>
              </v-card>
            </v-menu>



      </v-toolbar-items>
    </v-toolbar>

0 个答案:

没有答案