Element ui中為上傳元件新增表單校驗

2021-09-29 10:19:06 字數 471 閱讀 8240

vue所依賴的element的ui庫在使用其中的upload元件時,可能很大機率會遇到這個題,需要給upload元件新增表單校驗

大家這裡直接看**就可以

class="el-upload-list__item-thumbnail"

:src="baseinfo.headimg"/>

*尺寸300px*300px,不超過60kb

js:

baseinforules: 

]}, // 表單正則

methods: ,

}

主要的解決思路為:為upload元件外層的el-form-item新增ref。然後在upload元件上傳檔案成功後,通過this.$refs.element(元素).clearvalidate();方法該元件的正則校驗。

在開發中所做的總結,文章格式較為簡陋,望見諒。

elementUI上傳元件改造 掃碼上傳

1 手機拍照 2 拷貝到電腦 3 電腦再點選上傳 手機的安全性,不熟悉的話,十分麻煩 客戶需要直接在手機上直接上傳到系統,十分合理,非常有價值的功能 1 跨終端 打通pc和移動端的壁壘 2 不影響原有功能 不改動原來 否則,可能會導致業務邏輯改變,會需要測試同事重新測試,需避免 3 手機上傳後,怎麼...

Nuxt 中 按需引入 Element ui 元件

1.安裝 element ui npm i element ui s2.在根目錄下的plugins下建立element ui.js檔案,以下是我的檔案內容 import vue from vue import from element ui 引入分頁元件 vue.prototype.element ...

Element UI 的分頁元件

sizechange size 當使用者單擊任意頁碼或實現頁面跳轉時會觸發current page屬性的變化。currentchange current 擷取頁數 woekeralldata.slice pagenumber currentchangeindex 1 pagenumber curre...