vue.js - Vuetify Navigation Drawer - 将所选项目绑定到 Vue v-model

Question

我希望将导航抽屉绑定到 vue/vuetify 中的 v-model。

我可以使用无线电组轻松地做到这一点（v-radio-group - 见下文）

v-radio-group v-model="selectedList" :mandatory="false"

但出于视觉原因，更愿意使用导航抽屉。有没有办法以类似的方式或其他解决方案绑定？谢谢。

标签： vue.jsvuetify.js

Answer 1

我在 v-stepper 的示例中找到了答案。在导航抽屉的每一层 - 只需在下面添加点击事件，我就会得到我需要的东西。SelectedItem 是 vue 数据中的变量， item.icon 是最初放在每个导航抽屉中的值。

@click="selectedItem = item.icon"

感谢所有人的参与。