Vue Js - モデル値を更新しないラジオ入力

Question

質問データを含むオブジェクトがあります。

私はこれらのビューをループし、オブジェクトの回答値を更新しようとしています。

質問はAPIから来て、として構成されています

[ 
    { 
     "id": 1, 
     "choices": [ 
      // choices 
     ], 
     "created_at": "2016-12-08 09:19:30", 
     "updated_at": "2016-12-09 15:29:14", 
     "answer": [] 
    }, 
] 

彼らは答え値をAPIから来ていないが、私は、JSファイルにそれを追加しました。

私はその後、別のループ内の質問の答えを示しています。

<div v-for="(choice, index) in question.choices" class="input-row"> 
    <input type="radio" v-model="question.answer" value="choice.value"/> 
</div> 

私は、ビューに答え外：

@{{ question.answer }} 

私はそれは空の配列です見ますが、ラジオを選択するときにすることができます私は思ったように、配列は更新されません。何か案は？

Answer 1

コードスニペットから、answerが配列であると推定できます。 お試しくださいhttp://jsfiddle.net/xb5h545w/1/

Answer 2

あなたの入力には、値をVueデータプロパティでバインドする際に間違ったマークアップがあります。

<div v-for="(choice, index) in question.choices" class="input-row"> 
    <input type="radio" v-model="question.answer" v-bind:value="choice.value"/> 
</div>