单选按钮不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对于一个组似乎是一样的，对于不同的答案组是不同的。