thzxcx/vue3
1
0
Fork 0
Code Pull Requests Packages Releases Activity

fix: 回显问题

Browse Source
This commit is contained in:
赵劲奉
2023-08-16 18:59:29 +08:00
parent a4a64f0fd6
commit 9d206a0b46
1 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/upload-list/index.vue
View File

@ -2,13 +2,13 @@
* @Author: zhaojinfeng 121016171@qq.com
* @Date: 2023-08-16 17:33:41
* @LastEditors: zhaojinfeng 121016171@qq.com
* @LastEditTime: 2023-08-16 18:32:13
* @LastEditTime: 2023-08-16 18:58:09
* @FilePath: \vue3\packages\upload-list\index.vue
* @Description:
*
-->
<template>
<el-upload v-model:file-list="value" :accept="accept" :disabled="disabled" :http-request="httpRequest">
<el-upload v-model:file-list="userFiles" :accept="accept" :disabled="disabled" :http-request="httpRequest">
<el-button type="primary" plain>
点击上传
</el-button>
@ -39,7 +39,7 @@ const emit = defineEmits<{
(event: 'update:fileList', file: FileVO[]): void
}>()
let value = $ref<UploadUserFile[]>([])
const userFiles = ref<UploadUserFile[]>([])
async function httpRequest({ file, onProgress, onSuccess, onError }: UploadRequestOptions) {
const formData = new FormData()
@ -58,16 +58,20 @@ async function httpRequest({ file, onProgress, onSuccess, onError }: UploadReque
}
}
function init() {
if (value.length === 0) {
value = props.fileList.map(file => ({
name: file.name!,
url: file.url,
status: 'success',
}))
}
}
init()
userFiles.value = props.fileList.map(file => ({
name: file.name!,
url: file.url,
status: 'success',
percentage: 100,
uid: file.id,
}))
watch(() => props.fileList, init)
watch(() => userFiles, (files) => {
emit('update:fileList', files.value.map(file => ({
name: file.name!,
url: file.url,
status: 'success',
percentage: 100,
})))
})
</script>