如何即时更改vuetify菜单的方向

Question

我最近开始在基于 vue 的应用程序中使用 vuetify 。在我的应用程序中使用v-menu组件作为弹出框，并在弹出框的方向上提及底部，如下面的代码片段所示。但是，当激活器元素底部没有足够的空间容纳弹出窗口内容时，我想将方向更改为 top 。我不确定如何将其存档，任何人都可以帮我解决这个问题。

<v-menu :offset-y="true" :bottom="true">
    <v-btn slot="activator"
        color="primary"
        dark>
        Dropdown
    </v-btn>
    <div>
        <p>This is Test</p>
        <p>This is Test</p>
        <p>This is Test</p>
        <p>This is Test</p>
        <p>This is Test</p>
        <p>This is Test</p>
        <p>This is Test</p>
    </div>
</v-menu>