單選按鈕不Vue.js正常工作

Question

我已經在page.Each組產生的多個單選按鈕組包括兩個項目 - 是和沒有

<div v-if="row.answer_input_type === 'Radio Button'"> 
          <template v-for="answer in answers" > 
           <template v-if="answer.AnswerTypeID === row.answer_type_id"> 
            <template v-for="answerdesc in answer.AnswerDescription"> 
             <p>{{answerdesc.AnswerMasterID}}</p> 
             <input type="radio" v-bind:value="answerdesc.AnswerMasterID" v-bind:name="row.question_id" v-bind:id="answerdesc.AnswerMasterID" v-bind:disabled="row.is_enabled == 1 ? false : true" v-on:click="rdoClick(row.question_id, answerdesc.AnswerMasterID)" v-model="answer.selected_option" /> 
             <label v-bind:for="answerdesc.AnswerMasterID">{{answerdesc.AnswerDescription}}</label> 
            </template> 
           </template> 
          </template> 
         </div> 

，但只要選擇改變在單選按鈕組中，所有其他單選按鈕組都反映了這一點。也就是說，如果我在所有其他組中選擇「是」，則選擇「是」。但是每個V模型都是不同的。如何解決/糾正？謝謝

Answer 1

單選按鈕在名稱的基礎上工作。而你的name對於一個組似乎是一樣的，對於不同的答案組是不同的。