视频上传出错时 加载状态关闭

src/components/Upload/VideoUploader.vue

@@ -1,8 +1,8 @@
 <template>
   <el-upload class="w-auto" :action="uploadUrl" :headers="headers" list-type="text" :file-list="props.fileList"
     :data="extraParams" :multiple="props.isMultiple" :accept="props.acceptType" :auto-upload="true"
-    :on-remove="handleRemove" :show-file-list="true" :before-upload="beforeUpload" :on-progress="onProgress"
-    :on-success="onSuccess">
+    :on-remove="handleRemove" :on-error="handleError" :show-file-list="true" :before-upload="beforeUpload"
+    :on-progress="onProgress" :on-success="onSuccess">
     <div class="el-upload__text">
       <el-icon class="avatar-uploader-icon">
         <Upload />
@@ -109,6 +109,11 @@ const getToken = async () => {
   }
 }
 
+const handleError = (error: Error, uploadFile: any, uploadFiles: any) => {
+  console.log(error, uploadFile, uploadFiles, 'handleError');
+  loadingInstance.value.close();
+}
+
 const beforeUpload = (file: File) => {
   const fileNamePrefix = file.name.split('.')[0]
   console.log(file.name, 'file.namefile.name', fileNamePrefix);