子菜单导致导航面板消失

Question

我正在使用 vuetify 导航抽屉。里面是一个子菜单。当我展开/折叠子菜单时，它会导致导航面板消失。我正在寻找防止这种情况发生的正确方法。

我这里有一个例子： https://codepen.io/uglyhobbitfeet/pen/MWeBLwJ?editors=1010

注意 - 我故意将导航面板设置为临时而不是永久，因为我不希望菜单显示，除非有人点击汉堡图标。

<v-navigation-drawer v-model="drawer" absolute right temporary>

Answer 1

您的导航抽屉消失了，因为您观看了属性“组”。因此，当切换组时，观察者会看到更改，并且在您编写代码时它会更新为 false 您的导航抽屉

由于您的子菜单是一个嵌套组件，您不需要添加 v-model group 只需删除它和观察者