fix(SingleUpload.vue): 修复上传组件打包编译TypeScript类型检查报错问题

This commit is contained in:
郝先瑞
2022-03-08 01:13:19 +00:00
committed by Gitee
parent e2edfecafd
commit c280174a0f

View File

@@ -33,7 +33,7 @@
<script setup lang="ts"> <script setup lang="ts">
import {computed, ref} from "vue"; import {computed, ref} from "vue";
import {Plus, Close} from '@element-plus/icons-vue' import {Plus, Close} from '@element-plus/icons-vue'
import {ElMessage, ElUpload} from "element-plus" import {ElMessage, ElUpload, UploadFile, UploadRequestOptions} from "element-plus"
import {uploadFile, deleteFile} from "@/api/system/file"; import {uploadFile, deleteFile} from "@/api/system/file";
const uploadRef = ref(ElUpload) const uploadRef = ref(ElUpload)
@@ -62,10 +62,9 @@ const imgUrl = computed<string | null>({
* *
* @param params * @param params
*/ */
function uploadImage({file}: any) { async function uploadImage(options: UploadRequestOptions): Promise<any> {
uploadFile(file).then(response => { const response=await uploadFile(options.file);
imgUrl.value = response.data imgUrl.value=response.data;
})
} }
/** /**
@@ -75,7 +74,8 @@ function uploadImage({file}: any) {
* *
* @param files * @param files
*/ */
function handleExceed(files: UploadFile[]) {
function handleExceed(files: File[], uploadFiles: UploadFile[]) {
uploadRef.value.clearFiles() uploadRef.value.clearFiles()
uploadRef.value.handleStart(files[0]) uploadRef.value.handleStart(files[0])
uploadFile(files[0]).then(response => { uploadFile(files[0]).then(response => {