一、添加依赖
在使用Vue前端实现文件上传前，我们需要添加一个Vue文件上传组件，这里我们使用的是vue-upload-component。我们可以通过命令行在项目目录下使用npm下载这个组件：
npm install vue-upload-component --save
二、引入Vue文件上传组件
我们需要在Vue组件中引入vue-upload-component，然后在template中使用它。这里我们将它添加到一个单独的文件中:
//引入vue-upload-component
import { UploadComponent } from 'vue-upload-component'
export default {
components: {
'file-upload': UploadComponent
},
data () {
return {
files: []
}
},
methods: {
uploadStarted (file) {
console.log(file)
},
fileUploaded (response) {
console.log(response)
},
uploadAborted (file) {
console.log(file)
},
uploadProgress (event) {
console.log(event)
}
}
}
然后在template中使用：
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/270351.html
微信扫一扫 
支付宝扫一扫 