Vuetify Autocomplete: Why is the selected id not being substituted?

Question

Vue.js

The example from the documentation is not much modified.
Problem : when submitting the form, an empty value is returned.
Cause : When an item is selected from the list value, y input#friendsremains empty.
I use an object instead of a string, because in item-textshould be substituted name, and in input-value- id
Question : why input#friendsempty and how to substitute the idselected element there?
How I temporarily solved the problem:
- I created it separately input#friendId
- I created a property separately friendId
- I tied watcherit to change friends
- I friendIdinsert a new value
into This way, in general, it works, but it seems to me that this is some kind of crutch.
Similar property for this purposeitem-value is already there, but for some reason it doesn't work out of the box.

Answer 1

In general, I placed my input inside <template v-slot:selection="data">where there is access to the selected object. It turned out already without an extra watcher and properties.
Maybe someone will give a better answer, but for now ...

Answer 2

I'm guessing autocomplete's v-model doesn't support objects. Create your own control based on the given