1. 程式人生 > >關於Iview元件Upload在封裝之後父元件如何清除上傳的檔案

關於Iview元件Upload在封裝之後父元件如何清除上傳的檔案

 

萌新前端可能方法比較怪,但是解決了問題

iview元件Upload 官方文件說 clearFiles 方法可以清除上傳的檔案,但是沒有明確的示例。

但是實踐證明如果對iview元件upload進行封裝後,然後給父元件設定ref='name' 呼叫clearFiles方法console會提示物件沒有這個方法。

解決方案:

給iview的元件設定ref然後設定一個方法

 <Upload ref="uploadFile"></Upload>
   handleClearFiles () {
      // 再次點選上傳之前,清空之前已上傳檔案
      this.$refs.uploadFile.clearFiles()
    }

父元件通過子元件設定的方法來進行呼叫

<upload-file ref="upFile"></upload-file>
handleClearFiles () {
      // 再次點選上傳之前,清空之前已上傳檔案
      this.$refs.uploadFile.clearFiles()
    }

@auther:Maybe