vue elementUI enter 回车 (转载)

时间:2021-05-13 18:07:26
表单提交时需要处理输入框的回车事件

一、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