vue.js - 悬停时打开可点击的 v 菜单

Question

Vuetify有财产v-menu。open-on-hover

使用它，用户可以使用悬停而不是单击来使用菜单。

此悬停菜单在单击时关闭。

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

所以，我需要一个悬停菜单可以在不关闭的情况下单击。

有没有办法做到这一点？

先感谢您。

这是我的示例代码。

<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>

菜单组件 -Vuetify.js

标签： vue.jsvuetify.js

Answer 1

你可以使用close-on-content-click它

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