使用 el-form 表单组件提交时遇到页面刷新问题

前言

在项目中使用el-form表单组件，偶尔会遇到页面刷新的问题，有时候又不会遇到，一开始的时候还以为是写了个啥bug呢，后来才知道是因为form表单的默认行为导致的。

问题产生原因

• 给 el-form 表单添加回车事件 @keyup.enter.native （加不加都会有这个问题），当表单内容只有一个文本框时，获取文本框焦点并点击回车会自动触发表单的提交，导致页面刷新。

解决方案

• 在el-from 标签中加上 @submit.native.prevent ，阻止表单的默认行为。

最后

• 文章是自己手敲，是对工作日常的总结，如有错误之处，敬请指正
• 如果遇到什么问题就留言吧，能解决大家帮忙一起解决一下