记录关于el-upload限制文件上传个数后无法上传问题

项目场景：

项目中使用到el-upload实现列表上导入数据的功能，这里只需要导入一个excel即可，所以limit设置为1。

<el-upload ref="upload" style="display: none" :limit="1" :http-request="handleImport">
	<el-button ref="uploadButton" />
</el-upload>


handleImport(){
	const File = param.file;
    let formDataInfo = new FormData();
    formDataInfo.append("file", File);
    // 调用接口
}

---

问题描述/原因分析

在导入文件时，上传一个文件正常调用接口，但当再次导入时，则不调用接口，且控制台没有报错信息。如果将页签关闭重开或刷新页面后，则可以重新上传。

二次上传时handleImport方法并未被调用，考虑到是limit设置为1，导致只允许上传一个文件。

---

解决方案：

由于业务需要不能去掉上传个数限制，所以选择在每次上传成功后，清空上传的文件。

this.$refs.upload.clearFiles()