当按下回车键时,`el-form` 表单默认会提交表单并刷新页面。如果你希望在按下回车键时调用接口而不是刷新页面,可以通过以下两种方式来实现:
1. 使用 `@submit.prevent` 修饰符阻止表单的默认行为,并在事件处理函数中手动调用接口:
```html
```
在上面的示例中,我们使用了 `@submit.prevent` 修饰符来阻止表单的默认行为,并在事件处理函数 `handleSubmit` 中手动调用接口。
2. 将 `el-form` 组件的 `nativeOn` 属性设置为空对象 `{}`,从而禁用表单的原生事件,并在事件处理函数中手动调用接口:
```html
```
在上面的示例中,我们将 `el-form` 组件的 `nativeOn` 属性设置为空对象 `{}`,从而禁用了表单的原生事件,并在事件处理函数 `handleSubmit` 中手动调用接口。需要注意的是,在事件处理函数中需要使用 `event.preventDefault()` 方法来阻止表单的默认行为,从而避免页面刷新的问题。