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

 

問題描述:

自定義組件在使無法,無法綁定原vue文件內的原生click事件

原因分析:

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

問題解決:

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

2.可以用:將事件傳遞至組件內,也符合組件間的單向數據流,我就是這樣解決的

主組件寫法:

被調用組件寫法:將click綁定在自定義組件內部想要click的地方

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

父組件寫法不受影響,可以直接按照原來的寫法,適合強迫症、處女座用戶

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章