Vue JS метод отправки формы - PullRequest
Новая
       23

Vue JS метод отправки формы

1 голос
/ 28 мая 2019

Я относительно новичок в 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>

enter image description here

1 Ответ

1 голос
/ 28 мая 2019

Вы вызываете метод handleSubmit, но вы не определили его в экземпляре Vue.

Это потому, что вы должны вызывать свойство экземпляра Vue methods, а не method, даже если у вас есть только 1 метод.

...