elemento-ui --upload carga componente

<el-carga 
  class = "carga-demo" 
  : action = "后台接收地址" 
  : on-preview = "handlePreview" 
  : en-remove = "handleRemove" 
  : antes-remove = "beforeRemove" 
  : en el éxito = "RefreshData " 
  : on-error =" OnError" 
  : headers = "setHeader ()" 
  : datos = "setData ()" 
  : antes-carga = "beforeUpload" 
  múltiple 
  : límite = "3" 
  : on-exceder = "handleExceed" 
  : file -list = "fileList" 
> 
  <el-botón size = tipo "pequeño" = "primaria" @ clic = "clickBefore">点击上传<el-botón /> 
  <div ranura = clase "punta" = "el-upload__tip" >Sólo cargar el archivo csv, y cada tamaño no puede exceder de 100 Mb </ div> 
</ EL-Subir la> 


función:

// gancho cuando la lista de archivos para eliminar los archivos 
handleRemove (archivo, fileList) {} , 
incidentales a cargar los parámetros adicionales // 
setData () { 
  retorno { 
    'project_id': this.analyseForm.project_id 
  } 
}, 
// conjunto de subida encabezado de solicitud 
la setHeader () { 
  el let ORG_ID = '' 
  para (el LET i = 0; I <this.projectArr.length; i ++) { 
    IF (this.projectArr [I] .ID === this.analyseForm.project_id) { 
      = this.projectArr ORG_ID [I] .org_id 
      PAUSA 
    } 
  } 
  const = JSON.parse la ficha (sessionStorage.getItem () 'símbolo') 
  const = la información JSON.parse (sessionStorage.getItem ( 'info')) 
  de retorno { 
    'X- ORG-solicitado ': ORG_ID, 
    ' token: fichas, 
    'ACCOUNT_ID': info.account_id
  } 
} 
// haga clic en la lista de archivos cuando el gancho fichero subido 
handlePreview (archivo) {}, 
gancho cuando el archivo // supera el número de restricciones 
handleExceed (Archivos, fileList) { 
  el presente. Message.warning ( `límite de corriente $ seleccionar tres archivos, el archivo seleccionado $ {} files.length, se seleccionaron $ {} files.length + fileList.length archivos) 
}, 
el gancho cuando la carga de archivos con éxito // 
RefreshData () { 
  el presente .getBillingHistory () 
}, 
el gancho cuando los archivos con error // 
el OnError (ERR, archivo, la lista de archivos) { 
  el presente. message.error Un $ ( 'archivos con error') 
}, 
clickBefore () { 
  IF (= this.analyseForm.project_id == '') { 
    el presente. message.error Un $ ( 'seleccionar el elemento') 
  } 
}, 
antes de subir archivos // enganchar 
beforeUpload (archivo) { 
  SI (this.analyseForm.project_id === '') { 
    falsa retorno
  El else {} 
    SI (file.type === 'text / CSV') { 
      // retorno a la verdadera 
      SI (file.size / 1024/1024 <100) { 
        retorno a la verdadera 
      } {else 
        del este. Una message.error $ ( 'carga de archivos el tamaño no puede exceder de 100 MB! ') 
        return false 
      } 
    } {else 
      del este. $ message.error An (' Por favor, carga de archivos CSV! ') 
      return false 
    } 
  } 
}, 
// borrar archivos antes de que el gancho 
beforeRemove (archivo, fileList) { 
  if ( === file.type 'texto / CSV' && file.size / 1024/1024 <100) { 
    devolver el este. Confirmar $ ( `determinada file.name retirado} {$? ') 
  } 
},