在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组件内部封装有关系，具体我这边没有需求，也就没有去做修复。
- 如果有路过的大佬，看到此文，并且懂得小弟的问题。可以来指导指导哈。
- 第一次写，文笔不是很好。还请各位将就。
