content-class=“menu-content”-这就是答案。

简单地添加轻推底部在v-菜单

<v-menu nudge-bottom='3'></v-menu>

字符串
或在v-menu激活器元素中添加填充

<template v-slot:activator="{on}"><span class='pa-2' v-on="on">some text</span></template>

型

我发现了一个可以用来将任何css类附加到菜单主体的 prop ：'内容类'

<template>
  <div>
    <v-menu v-model="menu"
            content-class="menu-content"
            offset-y>
      <template v-slot:activator="{ on, attrs }">
        <v-btn v-bind="attrs"
               v-on="on" depressed>
          <v-icon>
            mdi-menu
          </v-icon>
          <span class="mr-1"> Category</span>
          <v-icon
            right
            color="#9b9b9b"
          >
            mdi-chevron-down
          </v-icon>
        </v-btn>
      </template>
            <v-list>
    <v-list-item
      v-for="(item, i) in menuArray"
      :key="i"
    >
      <v-list-item-title>{{ item.name }}</v-list-item-title>
    </v-list-item>
  </v-list>
    </v-menu>
</template>
<style lang='scss' scoped>
.menu-content {
  margin-top: 100px
}
</style>

字符串