elementUI input回车导致页面刷新问题如何彻底解决？

本文共计967个文字，预计阅读时间需要4分钟。

目录+前言+解决方法：element也给出了解决方案+注意事项+总结+前言+今天在做项目时发现创建的el-form表单内单个el-input框输入值后回车会导致页面刷新的问题，竟然是如此神奇！

目录

• 前言
• 解决方法：element也给出了解决方法
• 注意事项：
• 总结

前言

今天在做项目的的时候发现创建的el-form表单内单个el-input框输入值后点回车会导致页面刷新的问题，于是好奇心驱使下去查了vue中的form表单内的单input框也会跳转页面也就是页面刷新的问题。查了下

原因：elementUI中的当el-form表单只存在一个el-input框时，会触发表单的默认提交事件，element也给出了解释

:::tip W3C 标准中有如下规定：

When there is only one single-line text input field in a form,the user agent should accept Enter in that field as a request to submit the form.

即：当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。