vuejs elementUI的radio 在循环条件下,渲染多个单选框所有的都只能点击一次?

    <div class="danxuanAll" v-if="danxuanAll.length>0">
            <div class="danxuanAll" v-for="(danxuan , index) in danxuanAll" :key="index"> 
                    <h3 style="margin-bottom:13px;">{{index+1}}、{{danxuan[0][0]}}</h3>
                    <div class="danxuanAlln" v-for="(item , indexx) in danxuan[2]" :key="indexx">
                        <div :key="indexx" v-if="danxuan[2].length === 1">
                            
                                <el-radio-group v-model="item['radio' + indexx]" :key="indexx" @change="changeHandler">
                                    <el-radio v-for="(list, idxx) in item.data"  :key="idxx" :label="item">{{list}}</el-radio>
                                </el-radio-group>

                        </div>
                        <div v-else :key="indexx">
                            
                                <el-checkbox-group  v-model="checkList" :key="indexx" @change="changeHandler">
                                    <el-checkbox :label="item">{{item}}</el-checkbox>
                                </el-checkbox-group>

                        </div>
                    </div>
                    
                    <zujian :index='index' @del="delitem(index)"></zujian>
                    
            </div>
    </div>

为什么我的单选项循环渲染出来,所有的单选项只能点击一次。

clipboard.png

阅读 10.7k
2 个回答

你这标签名都一样 它不就把所以的选项 默认为一个选项框 所有子元素都属于它的单选
<el-checkbox-group ? 然后所有的方法都一样 它改变的虽然值不一样 但是操作都属于一个单选

错的有点多。首先label都一样......

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题