使用el-checkbox-group
绑定checklist
,使用:max="1"
// template
<el-checkbox-group
v-model="checklist"
:max="1"
>
<el-checkbox
label="1"
:disabled="isDisabled"
>
启用本类型
</el-checkbox>
<el-checkbox
label="0"
:disabled="isDisabled"
>
禁用本类型
</el-checkbox>
<el-checkbox
label="2"
:disabled="isDisabled"
>
禁用并在应用端隐藏
</el-checkbox>
</el-checkbox-group>
// script
data() {
return {
// 需要设置默认值
checklist:['1'}
}
}
获取初始值回显是,不可以对checklist[0]
直接赋值,这样并不会回显成功
而应该
// 假如后端返回的是 isopen:‘1’
this.checklist = [res.isopen]
// 假如后端返回 isopen: ['1']
this.checklist = res.isopen
像后端传参时
// 如果约定数字类型则需要转换,此处没转
params: {
isopen: this.checklist[0]
}