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

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

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

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

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

使用方式如下：

搜索

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

点击