Vue -- 使用element ui中的el-button、iview中的Input组件添加@click、@keyup.enter等事件，无效？

做vue项目中，我们会选择各种ui组件去搭建页面，如element ui 、iview等等。在使用它们的组件（如element ui中的<el-button>和iview中的<Input>）绑定事件如@click时，发现并没有效果？

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

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

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

使用方式如下：

<Input @click.native="search"/>

<el-button @click.native="search">搜索</el-button>

此外，注意的是，如果给普通标签加事件，加了native是无效的，如下：

<div @click.native="click">点击</div>