選択またはコンボボックスバインドアイテムをvuetifyします

Question

オブジェクトのリストがあります：

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

だから私は選択で表示します：

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

だから私のthis.selectedItem名前はありますが、オブジェクト全体をバインドしたい{id and name}それは可能ですか？

Answer 1

はい、それは可能です。

return-objectのv-select小道具を使用する必要があります

そのように：

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

CodePen

v-selectのreturn-obejctに関するドキュメントを確認してください