当前位置：首页 > article >正文

elementUI的单选框如何设置默认选中

article 2025/2/22 5:04:40

背景

员工在创建的时候，需要默认设置为停用状态

代码设置

最开始以为有默认设置，这么写是错误的

 <el-form-item label="是否启用" prop="status">
  <el-radio-group v-model="form.status" :default-value="0">
    <el-radio v-for="dict in emp_status" :key="dict.value" :label="parseInt(dict.value)">
      {{ dict.label }}
    </el-radio>
  </el-radio-group>
</el-form-item>

查阅文档之后，发现没有默认值这个属性
每次开启form表单的时候，都对调用reset方法，这个方法主要是用于清空的，这里可以用于设置默认值

// 表单重置
function reset() {
  form.value = {
    id: null,
    userName: null,
    regionId: null,
    regionName: null,
    roleId: null,
    roleCode: null,
    roleName: null,
    mobile: null,
    image: null,
    status: 0, // Assuming 0 is the value for "停用"
    createTime: null,
    updateTime: null
  };
  proxy.resetForm("empRef");
}