Vuetify Navigation Drawer - 将所选项目绑定到 Vue v-model答案

【问题标题】：Vuetify Navigation Drawer - bind selected item to to Vue v-modelVuetify Navigation Drawer - 将所选项目绑定到 Vue v-model
【发布时间】：2018-07-06 13:52:38
【问题描述】：

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

我可以使用广播组轻松做到这一点（v-radio-group - 见下文）

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

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

【问题讨论】：

您希望 v-model 与导航抽屉做什么？
我想要导航抽屉做的只是设置一个变量，这样我就可以根据用户的选择有条件地翻转模板。我可以使用标签来做到这一点，但没有垂直标签。我通过广播组完成了我想要的，但它很丑 - 更喜欢使用导航抽屉

标签： vue.js vuetify.js

【解决方案1】：

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

@click="selectedItem = item.icon"

感谢大家的参与。

【讨论】：