主要原因是第一次上傳文件后,瀏覽器還保存着我們已經上傳的文件,所以要想繼續上傳文件,就需要在on-success鈎子函數中r通過ef 拿到它的document元素進行清除已經上傳的文件
<el-upload class="upload-demo" ref="upload" :action="url" :headers="headers" :on-success="handleAvatarSuccess" :multiple="false" :show-file-list="false" :limit="1" :auto-upload="true" > <!-- :before-upload="beforeAvatarUpload" 下載前要開啟格式與大小判斷的話,el-upload標簽中加上before-upload 屬性 --> <img src="/image/table/upload.png" slot="trigger" /> </el-upload>
handleAvatarSuccess(res, file) { // this.myData= file; this.$refs.upload.clearFiles(); //上傳成功之后清除歷史記錄 this.handleInitTableData(); //初始化表格數據 },