天天看點

element-ui el-upload手動控制上傳事件,控制自動上傳檔案

:action="$Config.apiUrl+'/FormForComponent/importExcel'"
          :limit="1"
          :with-credentials="true"
          ref="upload"
          :data='upLoadData'
          :on-success="uploadSuccess"
        />      

利用ref找到DOM對象,調用方法為this.$refs['upload'].$children[0].$refs.input.click()

這裡點選後是可以直接調用元件上傳的方法,有個小問題,上傳事件隻會觸發一次,是以需要在元件上傳完成後的鈎子裡将上傳檔案清單清除掉
uploadSuccess (data) {
        this.$refs.upload.clearFiles()
    },      

繼續閱讀