使用El-form-item,遇到报错Error: please transfer a valid prop path to form item

2,605 阅读1分钟

出现这种情况主要是由于,表单内的数据有嵌套,如

   data() {
    return {
      form: {
        title: '',
        familyInfo: []
      },
      config: {},
      disabled: false,
      applicantInfo
    }
  }

正确写法应该是这样, 以下是表单嵌套表格的情况,注意form-itemprop

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