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

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




就是说prop只绑定第一个选项的,rules中也只写第一个选择的验证,只不过把两个值的验证用validator的方法去验证。
还有一个我遇上的prop的问题,就是一条表单值中有绑定的数组,并且还要求必填(可能我们的产品需求有点奇葩)如下图:



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