将打开的下拉菜单中心切换到按钮

Question

我有一个下拉菜单，其中有两行v列表项目，如下所示。

<v-menu
  class="dropdown"
  open-on-hover
  offset-y
>
  <template v-slot:activator="{ on, attrs }">
    <v-btn
      class="rounded-xl green darken-3 text-capitalize elevation-2 ml-2"
      dark
      v-bind="attrs"
      v-on="on"
    >
      The Society
    </v-btn>
  </template>

  <v-list class="pa-6">
    <v-list-item>
      <v-row>
        <v-col cols="12" sm="6">
          <h1 class="display-1 orange--text">Important Info</h1>
          <v-divider class="ma-3"></v-divider>
          <v-list-item><v-btn class="ml-n6" text>Our Constitution <v-icon class="ml-3">mdi-security</v-icon></v-btn></v-list-item>
          <v-list-item class="body-2" to="/">Lorem ipsum.</v-list-item>
          <v-list-item class="body-2" to="/">Lorem ipsum.</v-list-item>
          <v-list-item class="body-2" to="/">Lorem ipsum.</v-list-item>
          <v-list-item class="body-2" to="/">Lorem ipsum.</v-list-item>
        </v-col>
        <v-divider vertical></v-divider>
        <v-col cols="12" sm="6">
          <h1 class="display-1 orange--text">Important Info</h1>
          <v-divider class="ma-3"></v-divider>
          <v-list-item class="body-2" to="/">Lorem ipsum.</v-list-item>
          <v-list-item class="body-2" to="/">Lorem ipsum.</v-list-item>
          <v-list-item class="body-2" to="/">Lorem ipsum.</v-list-item>
          <v-list-item class="body-2" to="/">Lorem ipsum.</v-list-item>
        </v-col>
      </v-row>
    </v-list-item>
  </v-list>
</v-menu>

我需要这个菜单打开中心的，社会按钮，而不是按右，因为它现在做的。因此，下拉式的中线应该是，the，按钮的中央。

​

​

Answer 1

因此，似乎有一个轻推左 api可用于v菜单。谢谢您为这个惊人的框架！

我的密码

<v-menu
      open-on-hover
      nudge-left="220"
      nudge-bottom="50"
    >

这看起来解决了我的问题。

在这里找到API，https://vuetifyjs.com/en/api/v-menu/#props