我有一个下拉菜单,其中有两行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,按钮的中央。

发布于 2022-05-04 13:31:59
因此,似乎有一个轻推左 api可用于v菜单。谢谢您为这个惊人的框架!
我的密码
<v-menu
open-on-hover
nudge-left="220"
nudge-bottom="50"
>这看起来解决了我的问题。
https://stackoverflow.com/questions/72111826
复制相似问题