專案中有一項表單是需要動態新增的,但是動態新增的表單,驗證規則也需要動態新增。
官網中的例子:
**如下:
注意事項在**中紅色注釋
//這裡的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就是我們的列陣列。那麼,做...