elementUI(vue+elementUI)中form表单关于一条form-item中的多个必填项的prop设置(二)

最近一直在做vue+elementUI的后台项目,最早做的那个项目里有一个form表单中一个form item中要验证两条必填值,类似下图这样的:


这就是说,这个条表单中,两个下拉框都必须选,选一个或者不选都不满足必填要求。


elementUI(vue+elementUI)中form表单关于一条form-item中的多个必填项的prop设置(二)_第1张图片
代码
elementUI(vue+elementUI)中form表单关于一条form-item中的多个必填项的prop设置(二)_第2张图片
验证及方法


只选应用
两者都选(由于我这个项目里这两个select项是级联关系,没办法只选后面)

就是说prop只绑定第一个选项的,rules中也只写第一个选择的验证,只不过把两个值的验证用validator的方法去验证。



还有一个我遇上的prop的问题,就是一条表单值中有绑定的数组,并且还要求必填(可能我们的产品需求有点奇葩)如下图:


就是当你按加号以后,多一条配置项,但是配置项里的参数都得必须配。至少也得配一条。


都没配的情况下

这个问题的解决方法可以看这篇文章elementUI(vue+elementUI)中form表单关于一条form-item中的多... -

你可能感兴趣的:(elementUI(vue+elementUI)中form表单关于一条form-item中的多个必填项的prop设置(二))