将 v-menu 添加到按钮使其在 Vuetify 中消失

Question

我有一个踏步机。在第 3 步中，有一个我想添加 v-menu 的按钮。当我添加 v 菜单时，按钮消失。这是我的代码：

<template>


.
.
.
.
<v-stepper-step :complete="e6 > 3" step="3" editable>Subrack Configuration</v-stepper-step>

<v-stepper-content step="3">
  <v-card color="grey lighten-4" class="mb-5" height="660px">
    <app-tabs></app-tabs>
      <v-flex xs12 sm6 offset-sm3>
        <div v-if="show6U">
          <v-spacer></v-spacer>

          <v-container
            fluid
            grid-list-xl
          >
           <v-layout row wrap class="light--text">
            </v-layout>
          </v-container>
          <app-toppic class="topPic"></app-toppic>
            <v-menu
              transition="slide-y-transition"
              bottom
              v-model="hasanGholi"
            >
              <v-btn slot="activator" color="white">​<v-spacer></v-spacer> 1‍ ​<v-spacer></v-spacer><v-divider color="black" vertical></v-divider>​ ​​​‌‌▾​​ ​</v-btn>
              <v-list>
                <v-list-tile
                  v-for="(item, i) in items"
                  :key="i"
                  @click=""
                >
                  <v-list-tile-title>{{ item.title }}</v-list-tile-title>
                </v-list-tile>
              </v-list>
            </v-menu>
        </div>
      </v-flex>
  </v-card>
</v-stepper-content>
.
.
.
.
</template>

<script>
import TOPPic from "../../components/Subrack/TOP/TOPPic";
import Tabs from "../Tabs";
export default {
data() {
  return {
    hasanGholi: true,
    e6: 1,
    items: [
      { title: 'Click Me' },
      { title: 'Click Me' },
      { title: 'Click Me' },
      { title: 'Click Me 2' }
    ]
  }
},
components: {
  appToppic: TOPPic,
  appTabs: Tabs
},    
}
</script>

<style scoped>
.topPic{
position: relative;
right: 700px;
top: -150px;
}
</style>

请注意按钮是<v-btn slot="activator" color="white">​<v-spacer></v-spacer> 1‍ ​<v-spacer></v-spacer><v-divider color="black" vertical></v-divider>​ ​​​‌‌▾​​ ​</v-btn>。

当我添加 v-menu <v-menu transition="slide-y-transition" bottom v-model="hasanGholi"> 时，按钮消失了。当我删除 v-menu 标签时，按钮返回屏幕。我不知道为什么按钮会消失，所以我想知道如何将菜单添加到按钮而不使其消失？

Answer 1

我在 CSS 中使用了 position: absolute;，而它应该是 position: relative;，它解决了问题