Element-ui配合vue上传图片

这里为大家介绍饿了吗ui配合vue封装一个图片上传的组件 

首先大家先看一个饿了吗ui文档的各个钩子函数的介绍!

on-preview这个属性我们一般用来预览图片时使用

on-remove这个属性时文件被删除时执行 一般我们在这里面进行数组的筛选 让它保证为最新数组

on-change当文件被选择时就会触发这个函数方法 这里面我们可以操作我们我们哪些被选择的文件

before-upload是文件上传是触发的函数方法 我们大多数会在这里面进行图片的各种校验 大小,类型等。

http-request是自定义上传 我们正真意思上的上传大多数都是采用这个函数 在这里面进行真正的图片上传  也可以上传第三方服务器进行资源代管理。

这里就介绍这几种函数方法(适用于大多数坏境)

下面会上传我自己封装的上传组件 里面注释我也写得非常清楚 希望大家可以对着注释去深入理解一下

 

感兴趣的可以去查阅更多资料 谢谢大家

下面是饿了吗ui链接:Element - The world's most popular Vue UI framework

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值