当按下回车键时,`el-form` 表单默认会提交表单并刷新页面。如果你不想让表单在按下回车键时自动提交,可以通过以下两种方式来避免:
1. 使用 `@submit.prevent` 修饰符阻止表单的默认行为:
```html
```
在上面的示例中,我们使用了 `@submit.prevent` 修饰符来阻止表单的默认行为,从而避免了按下回车键时自动提交表单的问题。
2. 将 `el-form` 组件的 `nativeOn` 属性设置为空对象 `{}`,从而禁用表单的原生事件:
```html
```
在上面的示例中,我们将 `el-form` 组件的 `nativeOn` 属性设置为空对象 `{}`,从而禁用了表单的原生事件,包括按下回车键时自动提交表单的事件。
需要注意的是,如果你禁用了表单的原生事件,那么你需要手动处理表单的提交事件,例如使用 `@submit` 事件来监听表单的提交,并在事件处理函数中执行相应的操作。