v-modelまたは：value - vue.js、vuejs2、vue-componentで変数を使用する方法

コンポーネント内でv-modelを使用していますが、v-modelを動的に更新してオブジェクトを指すようにします。

フォームであるコンポーネントがあり、v-modelまたは：valueを使用して入力を事前入力します。

私は小道具を介してデータを挿入していて、 childId クリックイベントから取得し、情報を使用してデータを入力します。すなわち： <input type="text" class="form-control" id="child_name" v-model="children.child1.name">

私は変更する必要があります child_1 child_1、2、3、または4.「フローに壊れる文字列変数に置き換えようとしました。この問題を解決する方法はありますか？」Vueで変数を使用したことがありますが、vモデルまたは値には使用しませんでした。

私はこのサンプルデータを使用しています：

childId: child_1

children: {
child_1: {
id: "child_1",
name: "Ruth Ann Morgan",
gender: "female",
birth_year: "1999",
parentage: "our_child",
dependency: "not_dependent"
},
child_2: {
id: "child_2",
name: "James Nico Morgan",
gender: "male",
birth_year: "2012",
parentage: "our_child",
dependency: "is_dependent"
}
},

回答：

あなたが試みることができる：

v-model="children[childId].name"

ちょうどそれを確かめなさい childId の有効なキーに等しい children そうでない場合は、エラーが発生します。