记录下element-ui checkbox,选项中填没有,即其他几个都不勾选,其他几个勾选,则没有选项不勾选。
<el-form-item label="1、您是否患有下列'三高'及其它病症?(多选)" prop="hypertension">
<el-checkbox-group v-model="form.hypertension" @change="handleCheckedHypertensionChange">
<el-checkbox label="1" name="hypertension">高血压</el-checkbox>
<el-checkbox label="2" name="hypertension">糖尿病</el-checkbox>
<el-checkbox label="3" name="hypertension">血脂异常</el-checkbox>
<el-checkbox label="4" name="hypertension">高尿酸</el-checkbox>
<el-checkbox label="5" name="hypertension">癫痫</el-checkbox>
<el-checkbox label="6" name="hypertension">精神病</el-checkbox>
<el-checkbox label="7" name="hypertension">恐高症</el-checkbox>
<el-checkbox label="8" name="hypertension">没有</el-checkbox>
</el-checkbox-group>
</el-form-item>
handleCheckedSymptomsChange(value) {
console.log(value)
if (value.includes('6') && value[0] != '6') {
value = []
value.push('6')
this.form.otherSymptoms = value
}
if (value[0] == '6' && value.length > 1) {
value.splice(0, 1)
this.form.otherSymptoms = value
}
},