ui给的切图样式:
el组件库原样式:
思路:原思路对重写样式absolute,并改变原样式的opacity为零,当点击重写样式时其实点击的是原样式,也就是点击的el-upload组件,但这样在ios中会造成点击之后的样式问题。
1)自己重写上传部分标签,原上传样式使用绝对定位,并用top控制使其压在重写的样式上,再使用z-index:100;提高重写样式的级别,当点击重写样式时,通过重写样式的点击事件触发this.$refs.upload.$el.querySelector('.el-button').click()(如果此时组件的disabled为true的话,此时的方法也不能执行,可以控制用户只上传一个文件)
2)文件展示的样式,将el-upload-list__loading的样式display为none,并自己重写标签,用v-if来控制标签的显隐(当文件上传成功后显示,删除之后隐藏)