element-ui 上傳圖片 后清空 圖片 顯示

使用element-ui組件，用el-upload上傳圖片，上傳圖片后再次打開還是會有原來的圖片，想要清空原來上傳的圖片，只需要在組件上綁定ref，在提交成功后的方法里調用this.$refs.upload.clearFiles();就可以清除原來上傳的文件。

示例：

<el-row>
  <el-upload
    ref='upload' //清空圖片數組的
    class="upload-demo"
    drag
    :headers="headers" //請求頭
    :action="action" //請求路徑
    :onError="uploadError" //上傳失敗調用的方法
    :onSuccess="uploadSuccess" //上傳成功調用的方法
    multiple>
    <i class="el-icon-upload"></i>
    <div class="el-upload__text">將文件拖到此處，或<em>點擊上傳</em></div>
    <div class="el-upload__tip" slot="tip">只能上傳jpg/png文件，且不超過500kb</div>
  </el-upload>
</el-row>

...

//執行
this.$refs.upload.clearFiles();