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 组件中

In order for your application to work properly, you must wrap it in a v-app component. This component is used for dynamically managing your content area and is the mounting point for many components.

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

Menu in vuetify is wrongly offset to the right

vuejs2

vuetify.js