二手车交易，缓存问题,删除照片的bug

src/views/secondHandCar/components/upload-common.vue

@@ -40,24 +40,24 @@ export default {
   },
   data() {
     return {
-      filesList: '',
+      filesList: [],
     }
   },
-  mounted() {
-    this.filesList = this.files || []; // 确保 filesList 是数组
-  },
   watch: {
     files: {
-      immediate: true, // 立即执行一次
+      immediate: true,
+      deep:true,
       handler(newVal) {
-        this.filesList = newVal || []; // 同步更新 filesList
+        this.$nextTick(() => {
+          this.filesList = newVal || [];
+        })
       },
     },
     filesList: {
       handler(newVal) {
         this.$emit("update:files", newVal);
       },
-      deep: true, // 深度监听
+      deep: true,
     },
   },
   computed: {
@@ -78,29 +78,25 @@ export default {
       const images = this.filesList.map(file => file.url || file.content); // 所有图片的 URL
       ImagePreview({
         images,
-        startPosition: detail.index, // 从当前点击的图片开始预览
+        startPosition: detail.index,
         closeable: true,
         onClose: () => {}
       });
     },
     async deleteHandle(file, detail) {
-      // console.log("file, detail", file, detail);
-      this.filesList = this.filesList.filter((item) => item !== file);
-      // console.log("this.filesList =", this.filesList)
-      // 根据 text 的不同，通知父组件删除对应的数据
+      this.filesList = this.filesList.filter((item, i) => i !== detail.index);
       if (this.text === "行驶证照片") {
-        this.$emit("delete1"); // 通知父组件删除行驶证数据
+        this.$emit("delete1");
       } else if (this.text === "车辆45度照") {
-        this.$emit("delete2"); // 通知父组件删除车辆45度照数据
+        this.$emit("delete2");
       } else {
-        // console.log("delete3", file)
-        this.$emit("delete3", file, detail.index); // 通知父组件删除其他照片数据
+        console.log("file, detail", file, detail)
+        this.$emit("delete3", file, detail.index);
       }
       return true;
     },
     async handleFileRead(file) {
       const formData = new FormData();
-      // console.log("file.file",file.file)
       if(!file.file){
         this.$toast('获取文件失败，请重新上传')
       }