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/