el-form表单经典坑：只有一个item时回车会自动提交或筛选

触发场景

当使用 ElementPlus 的 <el-form> 且表单内仅有一个 <el-form-item> 时，用户输入后按回车键会触发页面自动提交或刷新。这可能导致业务逻辑异常，如接口被意外调用。

问题原因

浏览器对原生 <form> 的默认行为是：当表单内仅有一个输入项时，回车会触发提交。ElementPlus 并未阻止这一原生行为，导致回车键触发按钮点击或表单提交。

解决方案

方法一：阻止表单默认提交行为

```使用 @submit.native.prevent：

<el-form @submit.native.prevent><el-form-item label="用户名"><el-input v-model="form.username" /></el-form-item>
</el-form>

方法二：避免按钮触发提交行为
确保按钮类型不为 submit：

<el-button type="button">确认</el-button>

方法三：自定义回车行为
手动绑定回车事件：

<el-inputv-model="form.username"@keyup.enter="handleEnter"
/>