封装组件el-upload通过v-model (一): 上传单张图片

ElementUI 中的el-upload 上传图片 我进行了二次封装。(默认大家都是有一定的vue基础的,细节就不过多的讲了)

在项目中我们主要拿到图片或者其他的一些参数 ,我这里是上传后返回的Guid, 

所以上传的动作我就集中处理了,像 input 的 v-model 直接获取到参数

页面展示代码:

<imgeFile v-model="form.license" allclass="passport-uploader" inclass="passport-uploader-icon passport-s3" onclass="passport passport-pic"> <div slot="tip">请上传300*420像素不超过500K大小的图片,图片格式支持.PNG或.JPG</div> </imgeFile>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyzfyd.html