• Ajax
  • Ant design
  • Axios-Fetch
  • Avue
  • Browser
  • Canvas
  • CSS
  • Dos-bat
  • Dva
  • Dedecms
  • Echart
  • ElementUI
  • Editors
  • Git
  • GeoServer
  • GIS
  • H5
  • Jquery
  • Java安卓
  • Json
  • Javascript
  • Leaflet
  • Linux
  • Life-Info
  • Mock
  • MongoDB
  • Network
  • NodeJS
  • NPM
  • React
  • 设计运营
  • SEO
  • SVG
  • TypeScript
  • Tools
  • umi
  • uni-APP
  • Vant
  • Vue
  • Windows
  • webpack
  • 位置:OC中文网 > 其他 > ElementUI >

    el-upload不显示上传的文件列表

    来源:openlayers-cesium.com 时间:07-27

    如何在el-upload上传完成的时候,去掉列表呢?

    方法:利用this.$refs.upload.clearFiles();去掉文件列表

    1. <el-upload 
    2.   ref="upload" 
    3.   class="upload-demo" 
    4.   :action="actionFile" 
    5.   :headers="headersFile" 
    6.   :on-success="onSuccessFile" 
    7.   :on-error="onErrorFile" 
    8.   :before-upload="beforeFileUpload" 
    9.   :on-progress="onProgressFile" 
    10.   name="file" 
    11. > 
    12.   <el-button 
    13.     size="mini" 
    14.     icon="el-icon-folder-add" 
    15.     plain 
    16.     type="primary" 
    17.     >上传</el-button 
    18.   > 
    19. </el-upload> 

    JS

    1. onErrorFile(){ 
    2.    this.$message("导入失败!"); 
    3.    this.$refs.upload.clearFiles(); //去掉文件列表 
    4.  }, 
    5. onSuccessFile(response) { 
    6.    // 你的代码 
    7.    this.$message("导入成功!"); 
    8.    this.$refs.upload.clearFiles(); //去掉文件列表 
    9. },