单文件组件的组件传值_使用Vue3.0新特性造轮子 WidgetUI3.0 (Upload上传文件组件)

我们先看看组件效果:

9d66ddd2da9fb6442ddcb430a035a11e.png

基本使用

可选参数( icon='icon-service')

props属性:

title(类型 String)

组件显示的文本,默认"上传'。

icon(类型 String)

组件显示的图标,默认"icon-add"。

capture(类型 String)

是否直接调用摄像头拍照,不需要传值。

注意:微信环境支持,某些浏览器不支持。

accept(类型 String)

限制组件选择的文件类型,默认"image/*"。

组件事件:

change

文件选择之后触发,返回文件信息。

示例代码:

基本使用

可选参数( icon='icon-service')

具体的Upload组件源码,请前往github地址获取。

https://github.com/AntJavascript/WidgetUI3.0/blob/master/Upload.vue

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值