Appearance
FileUpload
通过点击或者拖拽上传文件。基于 ElUpload 二次封装。
点击或拖拽上传
模板下载
属性
| 属性名 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| file-list / v-model:file-list | 上传文件 | UploadUserFile[] | [] | |
| drag | 是否启用拖拽上传 | boolean | true | |
| accept | 接受上传的文件类型 | string | .doc,.docx,.xls,.xlsx,.txt,.pdf,.ppt,.pptx | |
| baseUrl | 基础地址 | string | ||
| serve | 文件上传地址 | string | /basic/file/upload/multi?repository= | |
| repository | 仓库 | string | ||
| multiple | 是否支持多选文件 | boolean | false | |
| listType | 文件列表的类型 | 'text' | text | |
| limit | 文件限制个数 | number | 3 | |
| disabled | 是否禁用上传 | boolean | false | |
| headers | 自定义增加 http header | object | ||
| template | 设置onClick后,name和url无效 | {name:string, url:string,onClick:boolean} | onClick:false | |
| tip | 上传提示 | string | ||
| onChange | 文件状态改变时的钩子,添加文件、上传成功和上传失败时都会被调用 | (uploadFile: UploadFile, uploadFiles: UploadFiles) => void | - | |
| beforeUpload | 上传文件之前的钩子,参数为上传的文件, 若返回false或者返回 Promise 且被 reject,则停止上传。 | (rawFile: UploadRawFile) => Awaitable<void | undefined | null | boolean | File | Blob> | - | |
| @onClick | 文件点击监听(上传文件点击,模板点击)。返回object对象 | object | - |
插槽
| 名称 | 描述 | 类型 |
|---|---|---|
| default | 自定义默认内容 |