Vue.js Vuetify VMenu带有嵌套的下拉式问题槽激活器
我正在尝试创建一个带有嵌套下拉列表的自定义VMenu,该下拉列表可以悬停以展开嵌套下拉列表,也可以单击以选择下拉列表本身作为值 以下是我目前的代码: v菜单定义: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
<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}
问题是,我需要单击嵌套下拉列表以进一步展开节点列表,激活器是由单击触发的。如何在鼠标悬停时触发它
也许一些关于如何触发激活器的见解会有所帮助,如果您需要更详细的代码,请告诉我