天天看點

vue自定義元件@click點選失效問題,附解決方案

問題描述:

自定義元件在使無法,無法綁定原vue檔案内的原生click事件

原因分析:

根據查詢vue官方文檔,得知click事件作用于元件内部,如果元件内沒有寫click事件,便會無響應。

問題解決:

1.參照官方文檔,可以用@click.native=“click”解決

vue自定義元件@click點選失效問題,附解決方案

2.可以用:将事件傳遞至元件内,也符合元件間的單向資料流,我就是這樣解決的

主元件寫法:

vue自定義元件@click點選失效問題,附解決方案

被調用元件寫法:将click綁定在自定義元件内部想要click的地方

vue自定義元件@click點選失效問題,附解決方案

3.使用$emit來實作事件傳遞

vue自定義元件@click點選失效問題,附解決方案

父元件寫法不受影響,可以直接按照原來的寫法,适合強迫症、處女座使用者

繼續閱讀