Vuetify 2 v 菜单左侧 | （Vuetivy 3 替补）

Question

我正在尝试制作一个 Vue&Vuetify 应用程序，并且我一直在寻找一种方法使我的菜单下拉菜单位于左侧

标题下拉菜单居中对齐

在 vuetify 3.0 中我们可以使用“Location”，但该属性在 V2 中并未实现 以下 API https://v2.vuetifyjs.com/en/api/v-menu/ https://vuetifyjs.com/en/api/v-menu/#links

基本上，vue 结构是一个包含元素列表的标头，其中一个元素是我自己的组件，它将打开一个列表

<v-menu 
      offset-y
    >
      <template v-slot:activator="{ on, attrs }">
        <v-btn
          block
          color="primary"
          dark
          large
          v-bind="attrs"
          v-on="on"
          :class=projecClassProps
          class="font-weight-bold"
        >
          Projects
        </v-btn>
      </template>
      <v-list color="primary">
        <v-list-item
          v-for="(item, index) in items"
          :key="index"
          class="justify-center"
        > {...}

有人可以帮我找到一种方法让这个组件位于左侧吗？ 我计划使用

"!this.$vuetify.breakpoint.lgAndUp"

使其具有响应能力，因为左侧行为只会发生在移动应用程序中

我已经尝试过 Vuetify 2 中的“left”和“offset-x”属性 使用“向左”时，菜单会稍微向 方向移动

Answer 1

道具

left

和

offset-x

一起实现菜单左对齐的效果，并且可以配合

offset-y

额外实现下对齐。

<v-menu 
  left 
  offset-x
  offset-y
>

codepen 示例