出现这种情况主要是由于,表单内的数据有嵌套,如
data() {
return {
form: {
title: '',
familyInfo: []
},
config: {},
disabled: false,
applicantInfo
}
}
正确写法应该是这样, 以下是表单嵌套表格的情况,注意form-item的prop
<z-form
ref="form"
:model="form"
label-width="0"
>
<z-table :data="form.familyInfo" border style="width: 100%">
<z-table-column
v-for="item in applicantInfo.family.children"
:key="item.value"
:prop="item.value"
:label="item.label"
align="center"
width="180"
>
<template slot-scope="scope">
<z-form-item :prop="`familyInfo[${scope.$index}].${item.value}`">
<z-input v-model="scope.row[item.value]"></z-input>
</z-form-item>
</template>
</z-table-column>
</z-table>
</z-form>