element 封裝form整合校驗自定義內容

2021-09-13 02:27:10 字數 440 閱讀 9483

後台管理系統使用form的頻率非常高,並且存在不同的校驗,如果不加以封裝,大量的ifelse存在,不同人可能寫不同的校驗規則,大大增加了維護的難度。封裝乙個form元件 讓校驗規則全部交由元件處理。

封裝好解決了很多需求 記錄並且分享下

接解了校驗,讓校驗由元件來處理,傳入相應校驗規則即可。

使用render讓元件可以自定義增加擴充套件性

對比下以下是element的例子 這單單只是js部分加上html的**量將大大增加

封裝後的**

demo演示顯示

github原始碼及文件說明

封裝element分頁元件

將 element ui 中分頁封裝成公共元件 admin後台中會有很多的 以及分頁的應用,所以考慮將分頁分裝成公共元件 封裝元件 vue頁面 background background current page.sync currentpage page size.sync pagesize la...

element表單驗證的封裝

這一篇文章是在用element中的表單的時候,會用到正則來判斷表單的對錯,當然正則的話得自己寫,比如這樣 但是我們開發的時候就會發現如果兩個元件都用到了這個正則那麼就會產生重複性,這還只是兩個,一般的話不止兩個,會有很多,會產生很多的重複的正則,那麼,就很煩,因為我們是要追求優雅,簡介的,誒,碰到我...

二次封裝element的日期元件

二次封裝elment ui的時間日期元件 picker v model timevalue change changetimevalue value format valueformat range separator 至 start placeholder 開始日期 end placeholder...