在最近的項目里,使用了elementUI去。其中碰到了許許多多的小問題。碰到有意思的,稍微記錄一下。
項目前端基本使用Vue,后端則是傳統(tǒng)的spring接口。
upload組件
由于封裝的完整,導(dǎo)致使用中碰到許許多多的問題。
先貼代碼:
前端html:

image.png
js:

image.png
問題一、如何讓后臺接口接收?
:action="uploadUrl"這里是我的后臺的接口路徑。
:headers="headers"將token放在headers中成功

image.png
這是我的后臺接收處理

image.png
在解決問題的過程中,找了很多答案,還有一種解決方法是設(shè)置無效action,在回調(diào)中處理上傳請求。也可以實現(xiàn)效果,但是會存在上傳有兩次請求,第一次請求在console中報404錯誤。
問題二、在:before-upload="beforeAVatarUpload"返回false時,仍會觸發(fā):before-remove
本來百思不得其解,上傳回調(diào)一般是對上傳文件做一個校驗,校驗失敗,不是都不會去做上傳,怎么還要去刪除呢?
后來在官網(wǎng)仔細看看之后,我覺得可能也許是我寫錯了???

image.png

image.png
棒,沒看懂。
解決辦法:
一、在handleRemove中做判斷。