Question

我有一个 v-menu，如下所示：

<v-menu
  fixed
  :absolute="false"
  :close-on-click="false"
  :close-on-content-click="false"
  :position-x="10"
  :position-y="200"
  :value="true"
>
  <v-btn text block @click="$vuetify.goTo('#first')">FIRST</v-btn>
  <v-btn text block @click="$vuetify.goTo('#second')">SECOND</v-btn>
  <v-btn text block @click="$vuetify.goTo('#third')">THIRD</v-btn>
</v-menu>

但是当我向下滚动时，菜单正在滚动，因此无法使用。

如何在给定的 x/y 位置修复它？

Answer 1

请注意，默认情况下，v-menu 组件被分离并移动到应用程序的根目录。要修复它，您必须使用附加道具

在封闭的 div 中添加 v-menu 并给它一个“id”。现在，您可以使用“附加”将菜单附加到 ID。请参阅 vuetify 文档以进行附加。

<div id="attachId">
  <v-menu
    fixed
    :absolute="false"
    :close-on-click="false"
    :close-on-content-click="false"
    :position-x="10"
    :position-y="200"
    :value="true"
    attach="#attachId" // See this
  >
    <v-btn text block @click="$vuetify.goTo('#first')">FIRST</v-btn>
    <v-btn text block @click="$vuetify.goTo('#second')">SECOND</v-btn>
    <v-btn text block @click="$vuetify.goTo('#third')">THIRD</v-btn>
</v-menu>

Vuetify：如何在给定位置修复 v 菜单？

1 个答案: