Выпадающий список Vuetify не работает должным образом

Question

Я добавляю раскрывающийся список в свой проект, используя пример Vuetify, и это происходит

Список находится внизу моей страницы, я думаю, это CSSно сбивает с толку попытаться выяснить, какая часть.

Код

<v-container>
  <v-layout wrap align-center id="new">
          <v-flex xs12 sm6 d-flex>
            <v-select :items="items"
                      label="Standard"></v-select>
          </v-flex>
  </v-layout>
</v-container>

Сценарий

data: () => ({
  items: ['Foo', 'Bar', 'Fizz', 'Buzz'],
}),

Любая идея Ребята

Answer 1

Вы должны заключить ваше приложение в тег v-app, чтобы все работало правильно при использовании Vuetify.В этом случае оберните v-container тегом v-app и ваш выбор будет отображаться правильно.Подробнее о v-app здесь .

<v-app>
  <v-navigation-drawer app></v-navigation-drawer>
  <v-toolbar app></v-toolbar>
  <v-content>
    <v-container fluid>
      <router-view></router-view>
    </v-container>
  </v-content>
  <v-footer app></v-footer>
</v-app>