核心操作:FormItem 的 :prop 需要与控件的 v-model 有一致的路径。
由于验证完成后需要判断值是否为空,那这个时候需要有个地方可以映射到这个值,此时:prop这个这个值对应的就是key
在固定表单需求中,通过指定 :prop,:rules 即可等到验证功能,但是对于动态生成的表单,业务逻辑来说,也就是需要动态生成 :prop 与 :rules。比如说:
<Form :model="formItem" :rules="rules">
<FormItem :prop="path1.path2.path3">
</FormItem>
</Form>
验证的写法
rules : {
//一定要与 prop 值一致
"path1.path2.path3" : [{
required: true, message: 'xx不能为空', trigger: 'blur'}]
},
//这里的路径也是需要一致的,porp中的 点会分解调用的 formItem 里面的对象
formItem : {
path1 : {
path2 : {
path3 : ""}
}
}
以上的写法固定表单需求是可以触发验证的,但是如何需要动态增减表单对象以及验证规则,则需要编写 valida