Z-file-upload NPM

上传组件 - 默认

上传示例- 参考

<template>
   <div>
     <z-fileupload ref="dom" :modelValue="file" :uploadAction="handleUpload" :uploadSuccess="handleUploadSuccess" width="200px" height="150px">
       
     </z-fileupload>
   </div>
</template>

上传示例- 参考

<template>
   <div>
     <z-fileupload ref="dom" :modelValue="file" :uploadAction="handleUpload" :uploadSuccess="handleUploadSuccess" width="200px" height="150px">
       <template v-slot:loading="{ imageLoading }">
         加载中 {{String(imageLoading)}}
       </template>
       <template v-slot:img="{ url }">
         <img :src="url" alt="测试url" width="100" height="100">
       </template>
       <template v-slot:plus>
         +++
       </template>
     </z-fileupload>
   </div>
</template>

上传组件 - 自定义

组件属性

属性	描述	备注
width	宽	string
height	高	string
modelValue	预设/返回地址	string

事件

属性	描述	备注
uploadSuccess	上传成功回调	参照elment-plus (response, uploadFile, uploadFiles) => void
uploadAction	上传请求	参考示例

ref defineExpose 方法

方法	描述	备注
setLoading	设置加载	(bool: boolean) => void
handleUploadSuccess	同uploadSuccess	Function
handleUpload	同uploadAction	Function

ref defineExpose 属性

方法	描述	备注
imageLoading	加载状态	boolean

@everything-registry/sub-chunk-3218

0.0.0

2 years ago