<!-- 单选题 -->
<Form-item label="答案:" v-show="formData.questionType == 1">
<Radio-group v-model="formData.checkChoiceNum" @on-change="changeChoice" vertical disabled>
<Radio v-for="(item, index) in formData.choiceList" :key="index" :label="index" disabled>
<Input v-model="item.value" placeholder="请输入..." style="width: 300px" disabled />
</Radio>
</Radio-group>
</Form-item>
<Form-item label="答案:" v-show="formData.questionType == 2">
<!-- 多选题 -->
<Checkbox-group v-model="formData.mcheckChoiceNum" @on-change="changeChoice" >
<div v-for="(item, index) in formData.choiceList" :key="index" style="margin-bottom: 10px;">
<Checkbox :label="index" disabled><Input v-model="item.value" placeholder="请输入..." style="width: 300px" disabled/></Checkbox>
</div>
</Checkbox-group>
</Form-item>
在官网中提供了一个
实际使用才发现v-model绑定的值是与label绑定的值相对应的,我这里label动态绑定数组的索引,我只需将选中的值的索引复现出来就可以啦
单选框是一个数字
复选框是数组
将回显的数据格式按照要求就能正常回显了