回车键发送表单

本文是基于Vue2+ElementUi的form表单回车提交。

据ElementUI form组件介绍,在表单中只有一个输入框时,按回车键默认触发表单提交,多个的输入项时无法触发,需要自行处理。单个输入项回车触发提交也是有些问题的,他的提交方式默认是formData,如果结构规定的是json格式,那就需要自行处理了。不管单个还是多个输入项,回车触发提交的统一处理方式如下:

首先在form组件上添加 @submit.native.prevent组织默认的submit提交,然后在button组件上使用native-type="submit"即可。这样在按回车键时,默认会调用我们设置的search方法,触发提交。

代码如下:

 

posted @ 2022-07-12 10:46  剑气风尘  阅读(701)  评论(0)    收藏  举报