el-form中只有一个表单项，获取焦点回车刷新

背景：项目中使用 el-form 做表单，发现有的获取焦点回车会刷新，有的不会。发现刷新的会在地址栏的后边加一个?，想到应该是触发默认提交了，要阻止默认提交行为，官网给出的有提示。

原来是如果表单中只有一个表单项，获取焦点并回车会提交表单。

解决方案：在 el-form标签上增加@submit.prevent，如果用的是element-ui，则还要加上native（即@submit.native.prevent）,如

<el-form :model="formData" @submit.prevent>
...
</el-form>