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