64 lines
872 B
Vue
64 lines
872 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<file-upload-local v-model="fileUrl" :accept="accept" :tips="tips" :list-type="listType" />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
import FileUploadLocal from './local'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: 'FileUpload',
|
||
|
|
components: { FileUploadLocal },
|
||
|
|
props: {
|
||
|
|
value: String,
|
||
|
|
accept: {
|
||
|
|
type: String,
|
||
|
|
default: '*'
|
||
|
|
},
|
||
|
|
tips: String,
|
||
|
|
listType: {
|
||
|
|
type: String,
|
||
|
|
default: 'picture'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
fileUrl: ''
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
watch: {
|
||
|
|
// 检测查询变化
|
||
|
|
value: {
|
||
|
|
handler() {
|
||
|
|
this.fillValue()
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
// 检测查询变化
|
||
|
|
fileUrl: {
|
||
|
|
handler() {
|
||
|
|
this.$emit('input', this.fileUrl)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
created() {
|
||
|
|
this.fillValue()
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
fillValue() {
|
||
|
|
this.fileUrl = this.value
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|