使用checkbox实现单选 回显问题

使用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]
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容