hupeng
5 years ago
2 changed files with 78 additions and 5 deletions
@ -0,0 +1,71 @@
|
||||
<template> |
||||
<div> |
||||
<el-upload |
||||
:action="fileUploadApi" |
||||
:headers="headers" |
||||
:on-remove="handleRemove" |
||||
:on-success="handleUploadSuccess" |
||||
:before-remove="beforeRemove" |
||||
:file-list="fileList" |
||||
multiple |
||||
:limit="1" |
||||
> |
||||
<el-button size="small" type="primary">点击上传</el-button> |
||||
</el-upload> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getToken } from '@/utils/auth' |
||||
import { mapGetters } from 'vuex' |
||||
export default { |
||||
data () { |
||||
return { |
||||
resourcesUrl: '', |
||||
headers: { |
||||
'Authorization': 'Bearer ' + getToken() |
||||
} |
||||
} |
||||
}, |
||||
props: { |
||||
value: { |
||||
default: '', |
||||
type: String |
||||
} |
||||
}, |
||||
computed: { |
||||
...mapGetters([ |
||||
'fileUploadApi' |
||||
]), |
||||
fileList () { |
||||
let res = [] |
||||
if (this.value) { |
||||
// let fileArray = this.value.split(',') |
||||
// for (let i = 0; i < fileArray.length; i++) { |
||||
// res.push({name: fileArray[i], url: this.resourcesUrl + fileArray[i], response: fileArray[i]}) |
||||
// } |
||||
console.log("aaa"+this.value) |
||||
res.push({name: this.value, url: this.resourcesUrl + this.value, response: this.value}) |
||||
} |
||||
this.$emit('input', this.value) |
||||
console.log("res"+res) |
||||
return res |
||||
} |
||||
}, |
||||
methods: { |
||||
// 图片上传 |
||||
handleUploadSuccess (response, file, fileList) { |
||||
this.$emit('input', file.response.data[0]) |
||||
}, |
||||
handleRemove (file, fileList) { |
||||
this.$emit('change', file) |
||||
}, |
||||
beforeRemove (file, fileList) { |
||||
return this.$confirm(`确定移除 ${file.name}?`) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
</style> |
Loading…
Reference in new issue