Forms 在vuejs中提交表单数据时出错

我在vuejs模式中创建了一个表单。我想将数据提交到数据库。数据库表中的所有列都在varchar中。但是，当我尝试从表单创建“formdata”对象时，“phoneNumber”和“password”会抛出一个未定义的错误。我不明白这两个字段为什么会产生问题。代码如下所示：

<form v-on:submit="submitFormData">
              <label for="firstname">First Name</label>
              <input type="text" name="firstname" v-model="firstname"/>
              {{ firstname }}
              <label for="email">Email Id</label>
              <input type="email" name="email" v-model="email"/>
              {{email}}
              <label for="phoneNumber">Phone Number</label>
              <input type="number" name="phoneNumber" v-model="phoneNumber"/>
              {{phoneNumber}}
              <label for="password">Password</label>
              <input type="password" name="password" v-model="password"/>
              {{password}}
              <button class="success-button" type="submit">
                Submit
              </button>
            </form>

现在它在提交数据时抛出此错误：

[Vue warn]: Error in v-on handler: "TypeError: Cannot set property 'phoneNumber' of undefined"

TypeError: Cannot set property 'phoneNumber' of undefined

---

请帮帮我。

您有一个打字错误：formdata而不是formdata；）

---

这就是它未定义的原因。

您可能需要

&

s而不是

|

s，但问题是拼写

formadata

在

表单之后有一个额外的
a
，非常感谢：）：）
[Vue warn]: Error in v-on handler: "TypeError: Cannot set property 'phoneNumber' of undefined"

TypeError: Cannot set property 'phoneNumber' of undefined