vue js表单提交方法答案

【问题标题】：Vue js form submission methodvue js表单提交方法
【发布时间】：2019-05-28 17:43:05
【问题描述】：

我对 Vuejs 比较陌生，我正在尝试让这个表单正常工作，但是当我提交时它一直向我显示这些错误。有人可以指导我吗？

<template>
  <form @submit.prevent="handleSubmit">
    <input class="input" type="text" v-model="user.name">
    <input class="input" type="text" v-model="user.email">
    <input class="input" type="text" v-model="user.phone">
    <button class="button is-primary" type="submit">Submit</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      user: {
        name: '',
        email: '',
        phone: ''
      },
      test: "BEFORE SUBMIT"
    };
  },
  method: {
    handleSubmit() {
      let user = new user({
        name: this.user.name,
        email: this.user.email,
        phone: this.user.phone,
      });

      this.test = "AFTER SUBMIT";
    }
  }
};
</script>

【问题讨论】：

标签： forms vue.js vue-component

【解决方案1】：

您正在调用 handleSubmit 方法，但您尚未在 Vue 实例上定义它。

那是因为你应该调用 Vue 实例属性 methods，而不是 method，甚至当你只有一种方法时。

【讨论】：