给我几个@submit.prevent相关例子

1.

<form @submit.prevent="submitForm">
  <input type="text" v-model="name">
  <button type="submit">Submit</button>
</form>

在这个例子中，当用户提交表单时，`submitForm` 方法将被调用，同时通过 `@submit.prevent` 阻止了默认的表单提交行为。

2.

<template>
  <form>
    <input type="text" v-model="name">
    <button type="submit" @click.prevent="submitForm">Submit</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      name: ''
    }
  },
  methods: {
    submitForm() {
      // Form submission logic here
    }
  }
}
</script>

在这个例子中，我们在按钮上添加了 `@click.prevent`，以防止默认的表单提交行为。当用户点击按钮时，`submitForm` 方法将被调用来处理表单提交逻辑。