【Vue.js】formによる送信をストップさせる@submit.prevent

あきぞらです。

Vue.jsでフォーム部分を開発していて、

フォームによる送信を防ぐ方法を今回は紹介していきます。

@submit.preventを入れる

フォームタグを実装する際には、@submit.preventをいれておきましょう。

これを入れておくことによって、

ボタンが押されたときにリロードされるのを防ぐことができます。

<template>
  <form @submit.prevent>
    <input type="text">
    <button type="submit">
  </form>
</template>

簡単ですね！