Vue.js Vuetify VMenu带有嵌套的下拉式问题槽激活器

Vue.js Vuetify VMenu带有嵌套的下拉式问题槽激活器,vue.js,menu,vuetify.js,dropdown,Vue.js,Menu,Vuetify.js,Dropdown,我正在尝试创建一个带有嵌套下拉列表的自定义VMenu,该下拉列表可以悬停以展开嵌套下拉列表,也可以单击以选择下拉列表本身作为值 以下是我目前的代码: v菜单定义: <v-menu offset-y :close-on-content-click="false" open-on-hover> <template v-slot:activator="{ on : menuHeader, attrs }&q

我正在尝试创建一个带有嵌套下拉列表的自定义VMenu,该下拉列表可以悬停以展开嵌套下拉列表,也可以单击以选择下拉列表本身作为值

以下是我目前的代码:

v菜单定义:

<v-menu offset-y :close-on-content-click="false" open-on-hover>
                        <template v-slot:activator="{ on : menuHeader, attrs }">
                            <v-btn
                            text                 
                            v-bind="attrs"
                            v-on="menuHeader"
                            
                            >
                            {{menuItem.title}}
                            <v-icon
                                dark                              
                                center
                            >
                                    mdi-chevron-down
                                </v-icon>
                            </v-btn>
                        </template>
                        
                        <nodes-list                             
                            :nodes="menu.filter(p => p.id === menuItem.id || p.parent_id !== null)" 
                            :parent_ids="parentIds(menuItem)">
                        </nodes-list>
                    </v-menu>

{{menuItem.title}
mdi V形向下
节点列表组件:

<v-list>
        <template v-for='node in myNodes'>
            <v-list-group v-if='nodes && nodes.filter(p=>p.parent_id == node.id).length > 0' :key="node.title">
                <template v-slot:activator>
                    <v-list-item @click="listener">
                        <v-list-item-title>{{node.title}}</v-list-item-title>
                    </v-list-item>
                </template>
                
                <node-list class='py-0 pl-3' :nodes='nodes' :parent_ids="parentIds(node)"/>
            </v-list-group>
            <v-list-item class='py-0 pl-8' @click="listener" v-else :key="node.title">
                <v-list-item-title>{{node.title}}</v-list-item-title>
            </v-list-item>
        </template>
    </v-list>

{{node.title}
{{node.title}
问题是,我需要单击嵌套下拉列表以进一步展开节点列表,激活器是由单击触发的。如何在鼠标悬停时触发它

也许一些关于如何触发激活器的见解会有所帮助,如果您需要更详细的代码,请告诉我