vue el upload 常見問題解決

2021-10-05 05:00:40 字數 2197 閱讀 5742

在用el-upload上傳元件的時候需要注意

accept 官網上講可以控制檔案上傳的型別,但實際上並不可以 還需要土方法(獲取檔案字尾名進行判斷)進行控制

limit 不是很好用 它雖然限制了檔案只能上傳乙個,但是你選擇了乙個 就不能再去選擇第二個檔案,正常情況下測試想要選擇第二個,然後最後乙個是有效的,這裡可以替換一下。

獲取檔案的檔案流的方法

在獲取完正確檔案之後,之前的錯誤提示資訊要刪除

html**

"11" ref=

"editenc"

:on-remove=

"editencfileremove"

:on-change=

"encfileedit"

:auto-upload=

"false" accept=

".p7b,.cer,.pem"

>

"small" type=

"primary"

class

="btn-upload"

>匯入<

/el-button>

"tip"

class

="el-upload_tip"

>支援.p7b、.cer、.pem格式<

/span>

<

/el-upload>

判斷檔案型別

這種情形是擷取最後乙個小數點後的字串來判斷檔案的型別是否符合p7b,cer,pem中的一種

encfileedit

(file,filelist)

if(filelist.length>0)

);return

false;}

else}}

,

html**如上個html**

官網上有limit屬性,使用方法如下

但是在使用的時候我們會發現加了這個屬性,可以實現只選擇乙個檔案,但是使用者體驗感比較差,如果選錯了就要刪除,而不是直接再選一次。

這時候我們可以不用這個屬性 在**裡加乙個判斷

encfileedit

(file,filelist)

if(filelist.length>0)

},

this0]

.raw;

清除ref屬性為editenc的元素 執行clearfiles()方法,清空已上傳的檔案列表(該方法不支援在 before-upload 中呼叫)

this

.$refs.editenc.

clearfiles()

;

html**

"簽名證書" prop=

"sign_cert_name"

:label-width=

"formlabelwidth" ref=

"editformsign"

>

"11" ref=

"editsign"

:on-remove=

"editsignfileremove"

:on-change=

"signfileedit"

:auto-upload=

"false" accept=

".p7b,.cer"

>

"small" type=

"primary"

class

="btn-upload"

>匯入<

/el-button>

"tip"

class

="el-upload_tip"

>支援.p7b、.cer格式<

/span>

<

/el-upload>

<

/el-form-item>

因為錯誤資訊是item的,所以我們只需要獲取到item元素然後清除他的錯誤提示就行了

this

.$refs.editenc.

clearvalidate()

;

Vue el upload問題總結

一言不合上 vue檔案 搜尋重置 新增 生成修改 刪除0 total total page.sync queryparams.pagenum limit.sync queryparams.pagesize pagination getlist 刪除確 定 取 消新增表單 最多上傳3張 確 定取 消 ...

常見問題 朗動常見問題

常見問題一 方向盤變沉 檢查胎壓是否正常,輪胎是否過度磨損。助力幫浦不工作,前輪氣壓低。冬天的話,冷車在冬天助力油比較稠,方向會重一點。檢查轉向助力油。1 應該是是助力系統有問題或則助力潤滑油有問題。2 如果你在駕車時感覺方向盤變緊,汽車偏向一側,需要檢查輪胎,或進行車輪平衡 定位。在這些問題剛剛發...

面試常見問題 1 this的常見問題

this 的含義 this關鍵字是乙個非常重要的語法點。毫不誇張地說,不理解它的含義,大部分開發任務都無法完成。前一章已經提到,this可以用在建構函式之中,表示例項物件。除此之外,this還可以用在別的場合。但不管是什麼場合,this都有乙個共同點 它總是返回乙個物件。簡單說,this就是屬性或方...