element UI单选框无法自动选中，编辑table 无法根据绑定值自动选中radio

本文链接：https://blog.csdn.net/weixin_44384987/article/details/108644117

el-radio-group 组

使用el-raido-group 绑定表单元素，点击编辑的时候发现radio 无法根据绑定值动态渲染，找了很久才发现是因为数据的类型问题，下面是我的el-radio-group 的代码

 <el-form-item label="状态" class="showRed" prop="status">
      <el-radio-group v-model="form.status">
          <el-radio  :label ="0">启用</el-radio>
          <el-radio  :label ="1">停用</el-radio>
      </el-radio-group>
</el-form-item>

我这里使用的是*:label* 绑定了radio的值，后来发现使用*:label* 绑定的值只能是number 类型的
使用label 绑定的是String类型的，解决这个问题很简单，我们只需要在赋值的是后使用parseInt 方法转换一下就好了，

 openDetails(row){
        console.log(row);
        this.form = row;
        this.form.sex=parseInt(row.sex);
        this.form.status=parseInt(row.status);
      },

openDetails（row）是我自定义的方法。只要在表单赋值之前转radio 的值就好了。
下面是我渲染不成功的例子：

 <el-form-item label="性别" class="showRed" label-width="70px" prop="sex">
     <el-radio-group v-model="form.sex">
          <el-radio  label ="1">女</el-radio>
          <el-radio  label ="0">男</el-radio>
    </el-radio-group>
</el-form-item>