Переглянути джерело

解决文章添加小图片删除问题

natasha 1 місяць тому
батько
коміт
ada2989b9d

+ 6 - 1
src/views/book/courseware/create/components/question/article/CheckPic.vue

@@ -74,6 +74,7 @@
           :http-request="handleImages"
           :before-upload="handleBeforeImages"
           :on-exceed="handleExceeds"
+          :on-remove="handleRemove"
           :limit="1"
           class="upload-resource"
         >
@@ -81,7 +82,7 @@
         </el-upload>
       </template>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="remarkVisible = false">取 消</el-button>
+        <!-- <el-button @click="remarkVisible = false">取 消</el-button> -->
         <el-button type="primary" @click="remarkVisible = false">保 存</el-button>
       </span>
     </el-dialog>
@@ -182,6 +183,10 @@ export default {
         `当前限制选择 1 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`,
       );
     },
+    // 删除图片
+    handleRemove() {
+      this.itemActive.img = [];
+    },
     // 图片上传前处理
     handleBeforeImages(file) {
       // 判断文件是否为图片