요소 업로드 구성 요소 before-remove 갈고리 문제 해결

회사 업무 요구 에 따라 올 린 파일 삭제 전 알림 확인 코드 는 다음 과 같 습 니 다.

    if(file && file.status === "success"){
      return this.$confirm('           ,     ?', '    ',{
        confirmButtonText: '  ',
        cancelButtonText: '  ',
        type: 'warning',
        center: true
      }).then(() => {
        this.$message({
          type: 'success',
          message: '    !'
        });
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '     !'
        });
        reject(false);
      });
    };
확인 은 on-remove 방법 을 직접 호출 합 니 다.구체 적 인 업무 코드 는 다음 과 같 습 니 다.

  if (file && file.status==="success") {
    this.$axios.delete("url" + data);
  }
다음은 before-uproad 가 파일 을 업로드 하기 전의 갈고리 입 니 다.10M 이상 의 파일 을 만 났 을 때 false 로 돌아 갑 니 다.

  //       
  beforeUpload(file) {
   this.loading = true;
   const isLt2M = file.size / 1024 / 1024 < 10;
 
   if (!isLt2M) {
    this.loading = false;
    this.$message.error("           10MB!");
   }
   
   return isLt2M;
   // return false;
  }
그런데 이 럴 때 자동 으로 Before-remove on-remove 갈고리 가 나 와 요.
사실 이때 우 리 는 파일 을 전혀 올 리 지 않 았 기 때문에 작업 을 삭제 할 필요 도 없 었 다.그리고 나의 코드 는 잘못 보고 되 었 다.
해결 방법 은 다음 과 같다.

 //    
  beforeRemove(file, fileList) {
   let a = true;
   if (file && file.status==="success") {
     a = this.$confirm(`     ${ file.name }?`);
   }
   return a;
  },
  //    
  handleRemove(file, fileList) {
   if (file && file.status==="success") {
    this.$axios.delete("accessory/one/" + file.response.id).then(resp => {
     if (resp.status == 200) {
      this.$message({
       message: "    ",
       type: "success"
      });
     }
    });
   }
  },
실행 할 필요 가 없 는 코드 를 판단 에 넣다.

if (file && file.status==="success") {
}

element 업로드 구성 요소 before-remove 갈고리 문제 해결 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 관련 element 업로드 구성 요소 before-remove 갈고리 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 지원 바 랍 니 다!

좋은 웹페이지 즐겨찾기