Vuetify Autocomplete: почему не подставляется выбранный id?

Question

[Scott]

Пример из документации не сильно видоизменен.

Проблема: при сабмите формы приходит пустое значение.
Причина: при выборе элемента из списка valueу input#friends остается пустым.
Я использую объект вместо строки, потому что в item-text должно подставляться name, а в input-value - id
Вопрос: почему input#friends пустой и как подставлять туда idвыбранного элемента?

Как я временно решил проблему:
- создал отдельно input#friendId
- создал отдельно свойство friendId
- привязал watcher на изменение friends
- в friendIdвставляю новое значение

Так в общем-то работает, но мне кажется это какой-то костыль.
Похожее для этой цели свойство item-value уже есть, но почему-то оно не работает из коробки.

Answer 1

[Scott]

В общем, разместил свой input внутрь <template v-slot:selection="data"> где имеется доступ к выбранному объекту. Получилось уже без лишнего вотчера и свойства.

Может кто даст ответ получше, но пока так...

Answer 2

[PEMOK]

Предполагаю что v-model у autocomplete не поддерживает объекты. Создай свой контрол на основе данного

Comments

[Scott]

Объекты поддерживаются (есть свойство return-object)