1.0.11 • Published 2 years ago
imily-vue-upload v1.0.11
imily-vue-upload
Vue文件上传组件 2018-9-11
2020-5-24 更新内容:
- 添加lib输出,页面直接引用 imilyVueUpload.umd.min.js 即可
# install dependencies
yarn install
# serve with hot reload at localhost:8080
yarn serve
# build for production and view the bundle analyzer report
yarn build
<template>
<div>
<h2>原生组件上传文件测试</h2>
<vue-upload @error="onError" @success="onSuccess" @progress="onProgress"></vue-upload>
<h2>自定义组件上传文件测试</h2>
<vue-upload @error="onError" @success="onSuccess" @progress="onProgress">
<button>点我上传啊</button>
</vue-upload>
<h2>函数式上传</h2>
<button @click="clickTest">测试</button>
</div>
</template>
<script>
import VueUpload from "./component/upload";
export default {
name: "App",
components: {
VueUpload
},
methods: {
onError(err) {
console.log(err);
},
onProgress(i) {
console.log(i);
},
onSuccess(res) {
console.log(res);
},
clickTest(){
VueUpload.upload({
action:'',
onChange:()=>{}
}).catch(console.log);
}
}
};
</script>
1.0.11
2 years ago