我正在尝试使用VueJS将数据保存到Go后端API。
当我单击submit时，数据保存了两次。我试着阻止这一切，但有些东西遗漏了。
我已经用Postman测试了终结点，它正在正常保存。
以下是组件：

<template>
  <div class="row">
    <form @submit.prevent="PostDominio">
      <hr />
      <label id="lbldom">Dominio </label>
      <input v-model="form.Titulo" type="text" />
      <button
        id="sendom"
        class="btn btn-outline-primary btn-sm shadow-sm p-1 mb-1"
        @click="PostDominio"
      >
        Gravar
      </button>
      <hr />
    </form>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data() {
    return {
      form: {
        Titulo: '',
      },
    }
  },
  methods: {
    PostDominio() {
      axios
        .post('http://localhost:3000/dominios', this.form)
        .bind(this)
        .catch((error) => {
          console.log(error)
        })
    },
  },
}
</script>