iview input绑定enter事件

Posted chenmz1995

tags:

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

 

在使用iview Input组件是,需要enter粗发相关的请求事件,但是在Input组件内不起效果:

<Input placeholder="请输入查询信息" style="width: 100%;border: #2b85e4" class="active"
   v-model="searchText" @keyup.enter.native="searchArticle()">
    <Icon type="ios-search" slot="suffix" color="blue" @click="searchArticle(searchText)"/>
</Input>

 

这个时候需要改写成

@keyup.enter.native

就可以起作用了。

以上是关于iview input绑定enter事件的主要内容,如果未能解决你的问题,请参考以下文章

iView table 的双向绑定

iView table 的双向绑定

iView table 的双向绑定

vue ElementUI el-input 键盘enter事件 导致刷新表单问题

vue中一组件同时绑定了keyup.enter和blur事件,两个事件指向同一个函数,会触发两次的解决方案

vue iview checkbox点击事件