Vue.js 鼠标悬停时可单击的v形菜单打开

Vuetify

v菜单

具有

悬停时打开

属性

使用此功能，用户可以使用鼠标悬停而不是单击菜单

此悬停菜单在自身单击时关闭

我想设置有可选隐藏区的菜单

所以，我需要一个悬停菜单可以点击而不关闭

有没有办法做到这一点

先谢谢你

这是我的示例代码

<v-menu open-on-hover>
  <template v-slot:activator="{ on }">
    <span>hover menu</span> 
  </template>
<!-- v-menu content -->
  <v-card>
    <v-btn @click="hiddenarea = true">open</v-btn>
<!-- hiddenarea -->     
    <span v-if="hiddenarea">Here is hidden area</span>
  </v-card>
</v-menu>

悬停菜单
打开
这里是隐藏区

---

您可以使用

关闭内容，然后单击

<v-menu open-on-hover :close-on-content-click="false">