解决form表单提交刷新问题

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

如果button不设置 type='button'

问题

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

解决方案

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

测试

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

 

 

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

 

 

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

 

 

你可能感兴趣的:(vue)