回车键发送表单
本文是基于Vue2+ElementUi的form表单回车提交。
据ElementUI form组件介绍,在表单中只有一个输入框时,按回车键默认触发表单提交,多个的输入项时无法触发,需要自行处理。单个输入项回车触发提交也是有些问题的,他的提交方式默认是formData,如果结构规定的是json格式,那就需要自行处理了。不管单个还是多个输入项,回车触发提交的统一处理方式如下:
首先在form组件上添加 @submit.native.prevent组织默认的submit提交,然后在button组件上使用native-type="submit"即可。这样在按回车键时,默认会调用我们设置的search方法,触发提交。
代码如下:


浙公网安备 33010602011771号