An ui project base on Vue.js
-
1、安装
npm install @pluve/vue-upload
-
2、在项目中的
main.js
文件中引入import VueUpload from '@pluve/vue-upload'; import '@pluve/vue-upload/lib/vue-upload.css'; Vue.use(VueUpload);
-
3、组件中使用
<vue-upload :max-num="3" :default-file-list="defaultList" :file-signature-host="fileSignatureHost" :file-signature-path="fileSignaturePath" @on-success="handleSuccess" @on-remove="handleRemove"></vue-upload>
参数 | 类型 | 说明 | 默认值 |
---|---|---|---|
maxNum |
Number |
最大上传的文件个数 | 1 |
defaultFileList |
Array |
默认显示的文件 | 无 |
fileSignatureHost |
String |
拿签名的域名 | 无 |
fileSignaturePath |
String |
拿签名的接口路径 | 无 |
on-success |
Function |
上传成功的回调 | 传加一个文件列表 |
on-remove |
Function |
删除文件的回调 | 传加一个文件列表 |