vue+element 表单el-radio单选框回显不能被选中问题

原创

安详的苦丁茶 2021-12-29 14:42:03 博主文章分类：vue ©著作权

©著作权归作者所有：来自51CTO博客作者安详的苦丁茶的原创作品，请联系作者获取转载授权，否则将追究法律责任

先看看我之前做的错误的

 <el-col :span="24">
            <el-form-item label="证件类型" prop="identityType">
              <el-radio-group v-model="form.identityCardType">
                <el-radio label="1">身份证</el-radio>
                <el-radio label="2">军官证</el-radio>
                <el-radio label="3">护照</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>

vue+element 表单el-radio单选框回显不能被选中问题_一对多

解决方法

把返回的值赋值才能数据回显

<el-col :span="24">
            <el-form-item label="证件类型" prop="identityType">
              <el-radio-group v-model="form.identityType">
                <el-radio v-model="form.identityType" :label="1">身份证</el-radio>
                <el-radio v-model="form.identityType" :label="2">军官证</el-radio>
                <el-radio v-model="form.identityType" :label="3">护照</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>

vue+element 表单el-radio单选框回显不能被选中问题_解决方法_02

如果这个方法行不通，把form改成别的词试试，如：formPoint。

Java的一对多的多表数据渲染（内嵌集合）

下面是查询的json数据

vue+element 表单el-radio单选框回显不能被选中问题_ide_03

vue代码如下：

<el-table-column label="姓名" align="center" prop="memberInfoList[0].memberName" width="180" />
<el-table-column label="昵称" align="center" prop="memberInfoList[0].nickName" width="180" />