Vuejs2 Vue：表单侦听任何事件，而不仅仅是提交

我有一个表格，基本上是这样的：

<form @submit.prevent="onSubmitted">
  Email<input type="email" /> <br />Content<input type="text" />
  <CancelSave @cancel="onCanceled" />
</form>

电子邮件
内容

有电子邮件和内容的输入字段，还有一个自定义组件，可发出

submit

和

cancel

事件。我希望表单而不是按钮组自动捕获提交事件

请注意，我明确地希望使用html

元素来获得html验证的功能，如果我只是将所有输入包装在一个div中并侦听submit或cancel事件，那么我就无法获得这些功能（至少没有任何验证库）

除了按下

取消

按钮时，它也会被捕获为提交，并且表单会被提交之外，所有操作都正常

以下是我的代码示例：

---

编辑：FYI显然，当按下

取消按钮时，取消和提交被捕获表单中的取消按钮没有
类型
属性。默认情况下，表单中的按钮类型假定为
submit
。在“取消”按钮上添加一个
type=“reset”
，以避免提交

请参见
表单中的取消按钮没有
类型
属性。默认情况下，表单中的按钮类型假定为
submit
。在“取消”按钮上添加一个
type=“reset”
，以避免提交

看