在ipad項目上使用element-ui上傳圖片時遇到的坑

• 筆者還只是一個初級前端，這裏想把本身成長途中遇到一些記憶猶新的小問題記錄一下。各位看官還請勿噴。
• 項目是使用在iPad端的，ui組件是element-ui。
• 使用el組件中的upload上傳圖片時ipad端會出現須要雙擊兩下。需求是單擊即出現選擇圖片欄。百思不得其姐，不對，應該是=》解。
• 最後檢查el組件其實是對input type=「file」作了封裝，默認input顯示display：none，大概是點擊文案button去借調了input的file方法，具體爲什麼照成的底層原理小弟還不太清楚。

  

• 此時我把input單獨取出來，設置樣式透明度爲0，而且覆蓋到button上，實際在iPad端點擊的時候點擊到input。 這樣到此把類名加在upload上就能夠實如今iPad上的單擊。

  

• 不過這是針對iPad端的。在pc端就會出現點擊彈兩次框，應該是事件的冒泡機制有關，會跟el組件內部封裝有關係，具體我這邊沒有需求，也就沒有去作修復。
• 若是有路過的大佬，看到此文，而且懂得小弟的問題。能夠來指導指導哈。
• 第一次寫，文筆不是很好。還請各位將就。