在该组件中会有默认的底层处理功能就是，当你点击图片上的删除按钮时，系统会自动在fileList中把该图片删掉，因此在删除的回调函数中不需要对fileList做额外的处理
<template><el-uploadv-model:file-list="fileList"action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"list-type="picture-card":on-preview="handlePictureCardPreview":on-remove="handleRemove"><el-icon><Plus /></el-icon></el-upload><el-dialog v-model="dialogVisible"><img w-full :src="dialogImageUrl" alt="Preview Image" /></el-dialog></template><script lang="ts" setup>import { ref } from 'vue'import { Plus } from '@element-plus/icons-vue'import type { UploadProps, UploadUserFile } from 'element-plus'const fileList = ref<UploadUserFile[]>([{name: 'food.jpeg',url: '/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100',},{name: 'plant-1.png',url: '/images/plant-1.png',},{name: 'food.jpeg',url: '/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100',}])const dialogImageUrl = ref('')const dialogVisible = ref(false)const handleRemove: UploadProps['onRemove'] = (uploadFile, uploadFiles) => {console.log(uploadFile, uploadFiles)//按理说在这块需要对fileList中的内容进行改动，删除当前图片，但是系统默认进行了此次操作！！！//按理说在这块需要对fileList中的内容进行改动，删除当前图片，但是系统默认进行了此次操作！！！//按理说在这块需要对fileList中的内容进行改动，删除当前图片，但是系统默认进行了此次操作！！！}const handlePictureCardPreview: UploadProps['onPreview'] = (uploadFile) => {dialogImageUrl.value = uploadFile.url!dialogVisible.value = true}</script>
