Vue中@submit.prevent用法

目录

1. 在 Vue 模板中，@submit.prevent 是 事件监听 + 修饰符 的组合，它的作用分为两部分：
2. 1. @submit：监听表单的提交事件
3. 2. .prevent：阻止事件的默认行为
4. 代码示例解析
5. 总结
6. 📎 参考文章

在 Vue 模板中，@submit.prevent 是 事件监听 + 修饰符 的组合，它的作用分为两部分：#

1. @submit：监听表单的提交事件#

• 表单（<form>）默认在点击提交按钮或按回车键时会触发 submit 事件。
• @submit 等价于 v-on:submit，表示监听表单的提交事件。

---

2. .prevent：阻止事件的默认行为#

• 表单的默认提交行为会 刷新页面（向服务器发送请求并重新加载页面）。
• .prevent 是 Vue 的事件修饰符，相当于在事件处理函数中调用 event.preventDefault()，用于阻止表单的默认刷新行为。

---

代码示例解析#