element ui中動態新增的表單進行驗證

2022-05-05 08:33:13 字數 535 閱讀 3052

專案中有一項表單是需要動態新增的,但是動態新增的表單,驗證規則也需要動態新增。

官網中的例子:

**如下:

注意事項在**中紅色注釋

//這裡的model一定要用 :model 形式 而不是 v-model

item

prop="email"label="郵箱":rules="[,]"

>

item

v-for="(domain, index) in dynamicvalidateform.domains":label="'網域名稱' + index":key="domain.key":prop="'domains.' + index + '.value'" //這裡的prop繫結的時候一定要從你v-for迴圈下的物件中。 prop屬性後面也就是你要驗證的地方。

:rules=""

>

刪除提交

新增網域名稱

重置

具體可參考官網:

element ui 動態新增的表單元素驗證

v for item,index in maintenanceform.doctypelist key index label i18n.locale zh cn item.doctypecname item.doctypeename required class d2 mb 0 class d2 ...

element ui動態換膚

通過在elementui的框架基礎上使用colorpicker顏色選擇器進行動態換膚,多餘的話就不說了下述 能夠直接使用。動態換膚效果圖 展示詳情 el button dark content placement bottom v model theme class theme picker siz...

elementui 動態表頭

最近,在用elementui做乙個動態表頭的功能,把自己開發的流程大概分享一下。首先,我們得了解這個option的作用 這個 option屬性就是繫結我們列表 的模板。通過引入我們寫好的js檔案來構成乙個 這個js檔案我也貼一部分 出來介紹一下 可以看出來,這個column就是我們的列陣列。那麼,做...