javascript - Vue の選択オプションとしてオブジェクトを使用する

Vue Select のドキュメントでは、オプションは配列である必要があると指定されていますが、それを回避する方法はありますか?オブジェクトのキーを値として使用し、オブジェクトの値をラベルとして使用したいと考えています。

私のデータ:

obj: {
   value: 'en',
   options: {
     'ar': 'Arabic',
     'ast': 'Asturian',
     'en':' English'
   }
}

 <v-select                                       
       v-model="obj.value"
       :options="Object.keys(obj.options)"                                 
>

そのようにキーをオプションとして使用できることはわかっていますが、値をラベルとして使用する方法がわかりません。ヒントはありますか？

v-model にキーが必要ですか?

2020 年 9 月 3 日 11:50

はい、実際に選択された値としてキーを使用したいのです。ラベルの下にそれらを非表示にしたいだけです

2020 年 9 月 3 日 11:53

これを行うには複数の方法がありますが、1 つのオプションは次のとおりです。

<v-select v-model="obj.value" :options="obj.options" :reduce="val => val.code"/>

データへの変更は、obj.options が以下のようになることのみです。

obj: {
    value: "en",
    options: [
      { label: "Arabic", code: "ar" },
      { label: "Asturian", code: "ast" },
      { label: "English", code: "en" }
    ]
  }

関連ドキュメントの変換選択