vuetify中的菜单错误地向右偏移

Question

尝试使用vuetify中的菜单，但我的菜单错误地向右偏移。

这是填充组件的代码：

<template>
  <v-container fluid grid-list-md>
    <v-layout row>
      <v-flex xs1></v-flex>
      <v-flex xs10>
        <v-layout class="background space-top" row wrap align-baseline>
          <v-flex xs4>
            <div class="header">IMAGE QUEUES</div>
          </v-flex>
          <v-flex xs4>
            <v-menu origin="center center"
                  transition="scale-transition"
                  bottom>
              <v-btn slot="activator" dark>Menu</v-btn>
              <v-list>
                <v-list-tile v-for="(item, i) in menuItems" :key="i" @click="">
                  <v-list-tile-title>{{ item.title }}</v-list-tile-title>
                </v-list-tile>
              </v-list>
            </v-menu>
          </v-flex>
        </v-layout row wrap>
          <v-layout class="background space-top" v-if="loaded" row wrap fill-height>
            <v-flex>
            </v-flex>
          </v-layout>
      </v-flex>
      <v-flex xs1></v-flex>
    </v-layout>
  </v-container>
</template>

非常感谢任何线索或输入。

BR 符文

Answer 1

将您的应用包裹在v-app组件

中

  

为了使您的应用程序正常工作，您必须将其包装好   一个v-app组件。此组件用于动态管理您的   内容区域，是许多组件的安装点。