element-ui 中 怎样在el-upload的移除文件列表事件 on-remove 中调用后端进 ...

问题描述：

刚开始的时候我设置的是及时上传： auto-upload="true", 
:http-request="uploadResource"绑定的这个方法就去后端举行及时上传附件了，这个时候就已经保存到数据库。
那么问题来了：
n-remove="file => handleRemoveFile(file)"当我用绑定的方法举行调用后端举行删除的时候，应为要获取file.id
固然我在一开始就在watch方法中在 fileList中追加了id,但是我始终拿不到。（md我也不知道为啥，到现在都没有想明白）

1. watch(
2.   () => props.uploadFileList,
3.   val => {
4.     console.log("watch执行", val);
5.     if (val) {
6.       fileList.value = val.map((el: any) => {
7.         return {
8.           id: el.FileId,
9.           url: serverBaseUrl() + el.Path,
10.           name: el.Name
11.         };
12.       });
13.     }
14.   },
15.   { immediate: true }
16. );

复制代码

1. <template>
2.   <el-upload
3.     ref="uploadRef"
4.     action="no-use"
5.     :disabled="!disabled"
6.     list-type="picture-card"
7.     v-model:file-list="fileList"
8.     :on-preview="handlePictureCardPreview"
9.     :on-remove="file => handleRemoveFile(file)"
10.     :http-request="uploadResource"
11.     :show-file-list="true"
12.     :auto-upload="true"
13.     accept="image/jpg,image/jpeg,image/png"
14.   >
15.     <el-icon><Plus /></el-icon>
16.     <template #tip>
17.       <div class="el-upload__tip_text-red">*只能上传图片！</div>
18.     </template>
19.   </el-upload>
20.   <el-dialog v-model="dialogVisible">
21.     <img w-full :src="dialogImageUrl" alt="Preview Image" />
22.   </el-dialog>
23. </template>

复制代码

问题解决：
我就就网上查，发现，都没有好的解决方案，还有效name举行删除的，总感觉欠妥。
将及时上传关闭auto-upload="false", 这样就不会存到数据库了，只需要提交表单的时候掉后端往数据库存。
删除的方法没有修改任何地方，id就可以拿到了，神奇了（好吧，我也没有明白啥情况，反正是一脸懵逼）


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。