**問題描述:使用elementPlus upload元件上傳檔案,每次只能選擇一個檔案,如果上傳失敗,再次點選上傳按鈕,沒有反應。
解決:清空已選檔案列表,然後重新賦值。**
<el-upload
:action="uploadFileUrl+'?name='+(downloadFileName.name)"
:headers="accessToken"
:limit="1"
:format="['xls','xlsx']"
accept=".xls, .xlsx"
:show-file-list="true"
:auto-upload="false"
ref="uploadRef"
:on-success="handleSuccess"
:on-change="fileListChange"
>
我們在on-success中處理
const handleSuccess = (response, file) => {
// 上傳成功以後
uploadRef.value.clearFiles() // 先刪除選擇的檔案
nextTick(() => {
// file裡面的raw就是File型別,直接複製給元件
uploadRef.value.handleStart(file.raw) // 重新賦值原來的檔案
})
})