Vue-Upload

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>
  

二、主要的API

| 参数 | 类型 | 说明 | 默认值 | | :---------------: | :--------: | ------------------------------ | ------- | | maxNum | Number | 最大上传的文件个数 | 1 | | defaultFileList | Array | 默认显示的文件 | 无 | | fileSignatureHost | String | 拿签名的域名 | 无 | | fileSignaturePath | String | 拿签名的接口路径 | 无 | | on-success | Function | 上传成功的回调 | 传加一个文件列表 | | on-remove | Function | 删除文件的回调 | 传加一个文件列表 |