Может кто-нибудь помочь мне установить значение по умолчанию для v-select ? Предостережение заключается в том, что мой v-select заполнен объектами, что, я думаю, может быть причиной того, что назначение моего item-value желаемому начальному значению не работает:

 {amp}lt;v-select item-text="name" v-model="defaultSelected" :items="people" {amp}gt; Vue.use(Vuetify); const vm = new Vue({ el: "#app", data: { defaultSelected: { name: "John", last: "Doe" }, people: [ { name: "Harry", last: "Potter" }, { name: "George", last: "Bush" } ] } }); 

Ожидаемое:

Начальный v-select должен быть John

Актуально:

Первоначальный v-select пуст. Вот скрипка для справки:

https://jsfiddle.net/tgpfhn8m/734/

Может кто-нибудь помочь? Заранее спасибо!

Я считаю, что есть две проблемы с вашей настройкой. Во-первых, начальное значение должно быть одним из options в select , т. defaultSelected вас должны быть people включающие ваш defaultSelected ; Во-вторых, ваш объект должен содержать поле value , см. v-select props . В противном случае вам нужно указать item-value prop; Смотрите рабочий пример здесь .

 {amp}lt;v-select item-text="name" item-value="last" v-model="defaultSelected" :items="people" {amp}gt; Vue.use(Vuetify); const vm = new Vue({ el: "#app", data: { defaultSelected: { name: "John", last: "Doe" }, people: [ { name: "John", last: "Doe" }, { name: "Harry", last: "Potter" }, { name: "George", last: "Bush" } ] } }); 

Альтернативный ответ для тех, кто находит этот вопрос из поиска …

Как выбрать значение по умолчанию, используя атрибут объекта

 {amp}lt;template{amp}gt; {amp}lt;v-select v-model="input.user_id" :items="users" item-value="id" item-text="name" label="Users"/{amp}gt; {amp}lt;/template{amp}gt; {amp}lt;script{amp}gt; export default { data: () ={amp}gt; ({ input: { user_id: 2, }, users: [ { id: 1, name: "John", last: "Doe" }, { id: 2, name: "Harry", last: "Potter" }, { id: 3, name: "George", last: "Bush" } ] }), } {amp}lt;/script{amp}gt; 

Пример скрипки: https://jsfiddle.net/4c3tbj6m/

Объясните использование:

v-model — это специальный метод взаимодействия для атрибута value поля input .

item-value="id" сообщает полю, какой атрибут выбранной строки элемента объекта выдвинуть в значение input.user_id

item-text="name" сообщает полю, какой атрибут выбранной строки элемента объекта использовать для отображения в качестве «выделенного текста».

Смотрите официальную документацию по этому вопросу. В приведенном выше примере это поле select поэтому v-model заботится о сохранении значения того, что selected для option подобной этой: {amp}lt;option value="1" selected{amp}gt;John{amp}lt;/option{amp}gt; . Значением input.user_id является выбранный элемент.

Затем вы можете POST input все input (если добавлено больше полей) или в этом случае в них есть только user_id :

 axios.post('/my/api/example', this.input).then(response ={amp}gt; { console.log(response); }) 

Это JSON объект JSON в конечную точку вашего сервера /my/api/example отформатированный так:

 { "user_id": 1 }