Vuetify Navigation Drawer - привязать выбранный элемент к v-модели Vue
Я хочу привязать панель навигации к v-модели в vue / vuetify.
Я легко смог это сделать с помощью радиогруппы (v-radio-group - см. Ниже).
v-radio-group v-model = "selectedList" :mandatory = "false"
Но предпочел бы использовать панель навигации по визуальным причинам. Есть ли способ привязать подобным образом или другое решение? Спасибо.
все, что мне нужно для панели навигации, - это установить переменную, чтобы я мог условно переворачивать шаблоны в зависимости от выбора пользователя. Я мог бы сделать это с помощью вкладок, но вертикальных вкладок нет. Я сделал то, что хотел, с радиогруппой, но это некрасиво - предпочел бы использовать панель навигации
Ответы 1
Я нашел ответ в примере для v-степпера. На каждом уровне панели навигации - просто добавьте ниже, чтобы щелкнуть событие, и я получу то, что мне нужно. SelectedItem - это переменная в данных vue, а item.icon - это значение, которое изначально было помещено в каждый ящик навигации.
@ click = "selectedItem = item.icon"
спасибо всем за взвешивание.
Как вы ожидаете, что v-модель будет делать с навигационным ящиком?