Vue iview input 使用 @click、@keyup.enter 失效

在页面上,使用element ui中的<el-button>、iview中的<Input>或者自己定义的组件,我们习惯称为子组件,给子组件绑定事件@click,它会默认为子组件的自定义事件,子组件内部处理click事件然后向外发送click事件:$emit,外部的父组件给子组件绑定的事件才有效。那么,如何给子组件绑定原生事件(也就是不需要子组件内部处理)呢?

给子组件绑定原生事件,需要借助native。

native : 监听组件根元素的原生事件,主要是给自定义的组件添加原生事件

使用方式如下:

<Input v-model="search_value" search @click.native="search_essay()" @keyup.enter.native="search_essay()" placeholder="输入你要搜索的内容..." />
原文地址:https://www.cnblogs.com/ldl326308/p/13230045.html