#Vuetify https://vuetifyjs.com/ja/components/selects/#section-4f7f304465b9 公式ドキュメントより。 > items プロパティにオブジェクトを使用する場合、item-text と item-value をオブジェクトの既存のプロパティと関連付ける必要があります。 これらの値は text と value にデフォルトで設定されていますが、変更できます。 - 値にオブジェクトを利用するため`return-object`属性を指定する - 表示テキストを取得するため`item-text`属性に以下いずれかを指定する - `item-value`に対するプロパティ名 - `item-value`を引数にとりテキストを返す関数 ```ts interface Item { id: string name: string } interface State { items: Item[] item: Item rules: { item: ((value: any) => string | boolean)[] } } ``` ```html <v-select :items="state.items" v-model="state.item" :rules="state.rules.item" :item-text="name" return-object > </v-select> ``` `:item-text`は`"(x) => x.name"`でもOK.