el-button组件@dblclick双击事件无效(即组件事件失效)原因及解决办法

失效例子

<el-button type="primary" size="small" @dblclick="doubleC">
          查询
</el-button>

上面的@dblclick双击事件会无效。

需要在事件后面加上.native才能生效

<el-button type="primary" size="small" @dblclick.native="doubleC">
          查询
</el-button>

 

@dblclick双击事件会无效的原因应该是：elementUI的el-button组件失去了对双击事件的监听。

 

为什么加上.native就可以生效了？

给组件绑定事件时，组件加上.native才能监听原生事件，否则会认为监听的是来自组件自定义的事件。

 

关于.native.prevent以及父子组件通讯的原则可参考链接：https://blog.csdn.net/hss0123456789/article/details/105991913/