el-checkbox el-radio 获取后台数据回显的问题

后台返回的数据里面有一条字段:

enabled:1

如果是1的话 前台接受的el-checkbox 要默认选中状态

用el-checkbox 无法回显选中状态

 <el-form-item label="状态" prop="enabled">
            <el-tooltip content="启用后用户可用" placement="right">
              <el-checkbox :label="1">启用</el-checkbox>
            </el-tooltip>
          </el-form-item>

用el-radio 可以回显

 <el-form-item label="状态" prop="enabled">
            <el-tooltip content="启用后用户可用" placement="right">
               <el-radio-group v-model="ruleForm.enabled">
              <el-radio :label="1">启用</el-radio>
            </el-radio-group>
            </el-tooltip>
          </el-form-item>

但是我想用el-checkbox 但是不知道问题出在什么地方

阅读 7.2k
2 个回答
<el-tooltip content="启用后用户可用" placement="right">
    <el-checkbox :label="1" :true-label="1" v-model="ruleForm.enabled">启用</el-checkbox>
</el-tooltip>

图片描述

利用true-label就能改写默认绑定值

单一的checkbox中,默认绑定变量的值会是Boolean,选中为true

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