el-checkbox无法勾选。值可以获取到。但是打不上√?

点击之后可以获取值,但是无法打√。怎么回事呢?
image.png

代码:
image.png

                <el-form-item label="一、单选题:">
                    <ol>
                        <li v-for="item in ruleForm.singleChoiceData" :key="item.id">
                            <p>题目:{{item.question}}</p>
                            <el-checkbox-group v-model="item.userAnswer" @change="handleCheckedSingleChoiceAnswerChange(item)">
                                <el-col v-for="i in item.answerList" :key="i">
                                <el-checkbox :label="i.value" >{{i.key}}.{{i.value}}</el-checkbox>
                                </el-col>
                            </el-checkbox-group>
                            <p>备选答案:{{item.answerList}}</p>
                            <p>答案:{{item.answer}}</p>
                        </li>
                    </ol>
                </el-form-item>

image.png
image.png

阅读 8.5k
2 个回答

看看是不是handleCheckedSingleChoiceAnswerChange这个方法中改变item.userAnswer的值了。这种情况一般是改变了model的值

singleChoiceData 这个好像不在你的Data中吧。你加上试试呢?或者

赋值的时候使用$set试一下,感觉比较像数据没监听到

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