vue 监听 input 回车事件

Posted cosname

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 监听 input 回车事件相关的知识,希望对你有一定的参考价值。

<el-input size="small" placeholder="搜索..." v-model="searchParam.quick_query" @keyup.13="enter">

这样监听回车事件没有效果,input的原生事件被vue隐藏了,如果要调用原生事件,需要在事件后添加`.native`修饰符。如下:

<el-input size="small" placeholder="搜索..." v-model="searchParam.quick_query" @keyup.13.native="enter">

 

以上是关于vue 监听 input 回车事件的主要内容,如果未能解决你的问题,请参考以下文章

vue监听enter回车按键并解决其他输入框触发

vue+elementUI的el-form的回车键登录,监听键盘来触发事件

Vue.js 实现输入框回车搜索

vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native

Vue中监听键盘事件

Vue监听回车事件