解决form表单提交刷新问题

vue + element ui 阻止表单输入框回车刷新页面

如果button不设置 type='button'

问题

　　在 vue+element ui 中只有一个输入框（el-input）的情况下，回车会提交表单。

解决方案

　　在 el-form 上加上 @submit.native.prevent 这个则会阻止表单回车提交。

测试

下面的代码出现表单回车提交

 

 

 下面的代码不会出现回车表单提交：el-form 中加上@submit.native.prevent

 

 

 下面的代码也不会出现回车表单提交：使用两个 el-input