vue elementUI enter 回车 （转载）

 

表单提交时需要处理输入框的回车事件

一、vue原生

   原生input标签可以用@keyup.enter="onSubmit"

如：<input v-on:keyup.enter="onSubmit">

二、非vue原生

 elmentUI 还需要添加native标志@keyup.enter.native="onSubmit" 

如：<el-input v-model="name" @keyup.enter.native="onSubmit" placeholder="请输入查询内容"></el-input>

 （注释：onSubmit为methods中定义的方法）

参考资料：

转载来源：https://www.cnblogs.com/waitingbar/p/7852853.html

https://blog.csdn.net/fifteen718/article/details/80359844

http://www.cnblogs.com/cristina-guan/p/9440035.html

转载于:https://www.cnblogs.com/hao-1234-1234/p/10207505.html