如何在 vue 公式中使用 prop 变量？答案

【问题标题】：How to use prop variables inside vue formulate?如何在 vue 公式中使用 prop 变量？
【发布时间】：2020-07-12 21:44:42
【问题描述】：

我试图使用 v-bind 将数据传递给子组件，用于我的 vue 公式化表单输入。我在父母中传递了这样的数据。

<ChildForm v-bind:formData="formData" ></ChildForm>

    export default {
      name: "Parent",
      data() {
        return {

    formData: {
          Full_Name: "",
          Notes: "",
          Address: "",
          Phone: "",
          City: "",
          State: "",
          Zip: "",
    },
    }}}

在 Child 中，我正在这样做

    <FormulateForm v-model="formData">
      <FormulateInput
                type="textarea"
                name="Notes"
                label="NOTES"
                validation="required|max:200,length"
                validation-name="Notes"
                :help="`Keep it under 200 characters. ${200 - this.formData.Notes.length} left.`"
              />

      <FormulateInput
               type="submit"
               label="Submit Details"
               />
    </FormulateForm>

export default {
  name: "ChildForm",
  props: {
    formData: Object,
  },
}

但我收到以下错误

Error in render: "TypeError: Cannot read property 'length' of undefined"

知道可能是什么问题吗？

【问题讨论】：

标签： javascript vue-props vue-formulate

【解决方案1】：

你应该使用

formData.Notes.length

而不是

this.formData.Notes.length

【讨论】：

您是否将字符串值设置为 formData.Notes？并且“patientForm”名称无效。 'child-form' 是正确的。
哦..是的..当我在这里输入我的问题时，这是一个复制粘贴错误。我现在已经编辑并制作了子表单。我并没有真正得到关于 formData.Notes 的字符串值的问题...