요소 업로드 구성 요소 before-remove 갈고리 문제 해결
2526 단어 elementbefore-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 갈고리 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 지원 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
vue.js의 컴포넌트 컬렉션 "Element"를 사용하여 다중 선택을 구현합니다.멀티플 셀렉트란 간단하게 말하면 복수 선택 가능한 셀렉트 박스입니다. 의외로 고객이 요구하는 UI상 필요한 것이 많아, 지금까지도 몇번이나 요망에 응해 왔습니다. 대체로 jQuery의 멀티플 셀렉트를 사용하고 있었습...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.