vuetify select 或组合框绑定项目

vuetify select or combobox bind item

我有一个对象列表:

var itens = 
[ {
    name: 'a',
    id: 1
},
{
    name: 'b',
    id: 2
},{
    name: 'c',
    id: 3
}
]

所以我显示在 select:

<v-select
  :items="itens"
  v-model="selectedItem"
  item-text="name"
  label="Cartório"
  single-line
  ></v-select>

所以在我的 this.selectedItem 中有名称,但我想绑定整个对象 {id and name} 这可能吗?

是的,这是可能的。

你必须使用 return-object v-select

的道具

像那样:

<v-select
  :items="items"
  v-model="selectedItem"
  item-text="name"
  label="Cartório"
  single-line
  return-object
  />

CodePen

Vuetify Doc about return-obejct in v-select