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

 

先看看我之前做的错误的

 <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>

 

 

 

解决方法

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

<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>

 

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

 

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

下面是查询的json数据

 

 

 

 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" />