主要为大家详细介绍了vue上传图片组件的编写代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了vue移动端图片裁剪上传的具体代码，供大家参考，具体内容如下 1.安装cropperjs依赖库 npm install cropperjs 2.编写组件SimpleCropper.vue 上传图片 <di

本文实例教大家如何编写一个vue上传图片组件，具体如下 1.首先得有一个[type=file]文件标签并且隐藏，changge事件来获取图片： 2.触发隐藏的文件标签：（通过原生的click来触发） document.getElementById('upload_file').click() 3.获取file文件里面的值方法：fileChange($event) fileChange(el)