json の 2 つの値を <b-form-select> テキスト フィールドに取得します

Question

私は BootstrapVue を使用しています。

次の構造の JSON があります:

リーリー

つまり、少なくとも明確にするために、各データは、Name と Age を合わせたものに基づいており、 一意の であり、ID ## はありません。 ＃（！）。これは理解を容易にするための単なる例です。

私が今やろうとしているのは、

に Name を表示し、次のかっこ内に Age を表示することです。例: ピーター (20)。

これで次のコードができました:

リーリー

value を parent.vue に渡す必要がありますが、その中にテキストを表示したいと考えています。それで私はそうすることにしました。

今私に必要なのは注意だけです。この例は、私が望むものを示すためのものです:

:text-field="'名前' ' '(' '年齢' ')'" しかし、これはうまくいきません。

それを実行するにはどうすればよいですか?

追加情報 - json を compulated で実行する前に並べ替えます。 リーリー ＃＃＃前もって感謝します！

Answer 1

必要なテキストが単一のプロパティにフォーマットされるようにデータをマップするか、options プロパティの削除を使用してから、v-for&lt を使用して手動で作成する必要があります。 ; オプション> タグ。 p>

リーリー リーリー