Javascript 如何定位VuetifyJS popover组件？

我将VueJS与VuetifyJS材质设计组件一起使用。如何在“更多”按钮下方定位？（目前它位于左上角，我猜它是后退x=0，y=0。）

按钮：

<button @click.prevent="openPopover">MORE</button>

更多

Popover Vuetify模板：

 <template>
  <div class="text-xs-center">
    <v-menu
      offset-x
      :close-on-content-click="false"
      :nudge-width="200"
      v-model="menu"
    >
      <v-btn color="indigo" dark slot="activator">Menu as Popover</v-btn>
      <v-card>
        <v-list>
            <v-list-tile-action>
              <v-btn
                icon
                :class="fav ? 'red--text' : ''"
                @click="fav = !fav"
              >
                <v-icon>favorite</v-icon>
              </v-btn>
            </v-list-tile-action>
          </v-list-tile>
        </v-list>
    </v-menu>
  </div>
</template>

作为流行音乐的菜单
最喜欢的

JS:

导出默认值{
数据：（）=>({
fav：没错，
菜单：错，
信息：错误，
提示：正确
})
}

我通过将popover代码放在下拉菜单中解决了这个问题。 API中还有几个选项用于定位菜单的内容

---

示例和API:

offset-y

而不是

offset-x

？@Traxo刚刚尝试过，但不幸没有成功。还是x0，Y0是否也尝试添加

bottom

属性？您可以在codepen上复制它吗？好主意，在这里：-我想问题是我需要将激活器按钮放在-这部分是：

自定义菜单作为弹出窗口

我认为您是正确的，这可能是个问题。但是我不确定这是否得到支持。From:

记住将激活菜单的元素放入激活器插槽。

。所以我相信你所做的任何事情都是一个解决办法？也许其他人可以证实。（其中一个

v-menu

道具是

activator

，表明它是可能的，但似乎没有按说明工作）

    <script>
  export default {
    data: () => ({
      fav: true,
      menu: false,
      message: false,
      hints: true
    })
  }
</script>