Bläddra i källkod

课文编辑时删除段落图片

natasha 1 månad sedan
förälder
incheckning
e3a2223473

+ 11 - 2
src/views/book/courseware/create/components/question/article/CheckPic.vue

@@ -11,6 +11,7 @@
             :http-request="handleImage"
             :before-upload="handleBeforeImage"
             :on-exceed="handleExceed"
+            :on-remove="handleRemove"
             :limit="1"
             :key="index"
             @click.native="handleItem(index)"
@@ -74,7 +75,7 @@
           :http-request="handleImages"
           :before-upload="handleBeforeImages"
           :on-exceed="handleExceeds"
-          :on-remove="handleRemove"
+          :on-remove="handleRemoves"
           :limit="1"
           class="upload-resource"
         >
@@ -105,6 +106,7 @@ export default {
       remark: null,
       activeItem: null,
       itemActive: null,
+      activeIndex: null,
     };
   },
   // 生命周期 - 创建完成(可以访问当前this实例)
@@ -155,8 +157,15 @@ export default {
         `当前限制选择 1 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`,
       );
     },
+    // 删除图片
+    handleRemove() {
+      setTimeout(() => {
+        this.data.detail[this.activeIndex].sourceList = [];
+      }, 100);
+    },
     // 记录段落
     handleItem(index) {
+      this.activeIndex = index;
       this.activeItem = this.data.detail[index];
     },
     // 图片上传前处理
@@ -184,7 +193,7 @@ export default {
       );
     },
     // 删除图片
-    handleRemove() {
+    handleRemoves() {
       this.itemActive.img = [];
     },
     // 图片上传前处理