elementUI 업로드 버튼을 숨길 수있는 하나의 사진을 업로드

elementUI 업로드 버튼을 숨길 수있는 하나의 사진을 업로드

몇 마디의 사람이 코드에 직접 말했다

 

　　　　　　< EL-폼 항목> 
              < EL-업로드
                 작업 = "https://jsonplaceholder.typicode.com/posts/" 
                목록 형 = "그림 카드" 
                : ON-미리보기 = "handlePictureCardPreview" 
                : ON-제거 =를 " handleRemove "이미지 업로드 이벤트 
                : 제한 ="1 " 
                : - 변경 ON ="handleChange "이미지 업로드 이벤트 
                : 클래스 ="{숨기기 : hideUpload} "클래스 표현 숨기기 스타일을 호출하기위한 조건을 달성하는 데 사용되는 설정을 
              > 
                < 내가 클래스 =" 아이콘-PLUS-EL " > </ I > 
              </ 엘 업로드 > 
              < 엘 대화: visible.sync = "ruleForm.dialogVisible" > 
                < IMG 폭 = "100 %" : SRC = "ruleForm.headPortrait" ALT = ""  /> 
              </ 엘 - 대화 > 
　　　　　　</ 엘 형식 항목 > 

<script>中

가져 오기   "../../style/uoLoad.css" ; // 수입 외부 사용자가 CSS 스타일을 변경할 스타일을 숨기는 것입니다

 

 

　　　　　　데이터 () {// 초기 값 한도 수 설정 
　　　　　　　　창 {
　　　　　　　　　　 hideUpload을 : 거짓　, 
　　　　　　　　　　limitCount 1 :.

　　　　　　　　} 
　　　　　　} 

이벤트

방법 : {

    handleRemove (파일의 fileList) {

      this.hideUpload fileList.length => = this.limitCount;

    },

    handleChange (의 fileList) {

      this.hideUpload fileList.length => = this.limitCount;

      this.hideUpload = TRUE; //에만 경우 숨겨진 진짜야 일 때 수행

    },

}