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
/>
我有一个对象列表:
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
/>