vue+element 에서 el-table 줄 의 아래 표 시 를 가 져 옵 니 다.아래 표 시 된 배열 대상 방식 에 따라 작 동 합 니 다.

1.vue 에서 배열 의 특정한 대상 을 조작 할 때(교체,삭제)이 대상 이 배열 의 아래 표 시 를 사용 해 야 합 니 다.
전단 코드:
scope.$index:현재 줄 의 아래 표 시 를 가 져 옵 니 다.
scope.row:현재 줄 의 대상 가 져 오기

효과 그림:

사고:이 벤트 를 클릭 하여 이 대상 을 배열 의 아래 표 시 를 방법 에 전달 한 다음 에 배열 을 조작 합 니 다.

아래 표 시 된 배열 에 대응 하 는 대상 을 삭제 할 수 있 습 니 다.
추가 지식:vue-element-uproad 파일 업로드
프로젝트 에서 파일 업로드 기능 을 사용 할 때 는 탄 상 자 를 직접 꺼 낼 수 없 으 며,먼저 두 번 확인 하거나 힌트 를 줘 야 합 니 다.선택 한 파일 탄 상 자 를 열기 전에 일련의 작업 을 할 수 있 습 니 다.
아이디어 구현 은 element-upload 구성 요 소 를 바탕 으로 단 추 를 추가 하고 트리거 단 추 를 누 른 후에 파일 을 선택 하기 전에 작업 을 하고 작업 이 끝 난 후에 upload 의 선택 파일 을 터치 합 니 다.
구체 적 인 효과:'가 져 오기'를 누 르 면 필수 옵션 을 알려 줍 니 다.

구체 적 인 실현:
1.'가 져 오기'단 추 를 새로 써 서 업로드 구성 요 소 를 위치 추적 으로 가 립 니 다.엘 레 멘 트-uproad 를 2 차 로 봉인 한 곳 입 니 다.
구성 요소 사용:

<div class="importBox">
   <el-button type="primary" icon="el-icon-upload2" class="box_btn" @click="onImport">  </el-button>
   <ImportExcel ref="importFile" class="box_upload"@getImportFile='getImportFile'/>
</div>
구성 요소 정의:

<template>
 <el-upload
  class="upload-demo"
  ref="fileRefs"
  :action="action"
  :show-file-list="false"
  :accept="acctype"
  :limit="limit"
  :http-request="uploadFileRes"
  :before-upload="beforeAvatarUpload"
  >
  <el-button :loading="uploadLoading" type="primary" >  </el-button>
 </el-upload>
</template>
2.'가 져 오기'를 누 르 면 이벤트 가 발생 합 니 다.

//   -  
  onImport() {
   //               ,      
    this.$refs['importFile'].$refs['fileRefs'].$refs['upload-inner'].handleClick()      
   this.$refs.searchForm.validate((valid) => {
    if (valid) {
     this.$refs['importFile'].$refs['fileRefs'].$refs['upload-inner'].handleClick()
    }
   })
  },
3.해석:
this.$refs['importFile'].$refs['fileRefs'].$refs['upload-inner'].handleClick()
ref 를 통 해 구성 요소 내 단 추 를 한 층 씩 터치 하 는 handleClick 이 벤트 를 통 해[importFile],['fileRefs']를 구분 하 십시오.그 중에서['upload-iner']는 ImportExcel 구성 요소 내부 단추 의 ref 입 니 다.
다른 ref 를 콘 솔 에 인쇄 하여 구체 적 인 내용 을 볼 수 있 습 니 다.
요약:예 시 는 파일 을 선택 하기 전의 폼 을 검사 할 뿐 자신의 수요 에 따라 서로 다른 파일 을 선택 하기 전의 처 리 를 실현 할 수 있 습 니 다.여러분 께 참고 가 되 셨 으 면 좋 겠 고 많은 응원 부 탁 드 리 겠 습 니 다.

좋은 웹페이지 즐겨찾기