Element 表单验证项v-model绑定值为对象下的子对象的属性时无法验证

问题:表单项(select)双向绑定的变量(form.a.name)为表单对象(form)的子对象(form.a)的某一属性时(form.a.name),规则绑定的prop(name)验证不执行。


    
      
        
        
      
    


form:{
    a:{
        name:'',
    }
},
rules:{
    name:[require: true, message: '请选择', trigger: 'blur']
}

解决方案1:在规则定义与绑定时,规则结构 与 数据结构一致。



rules:{
    'a.name':[require: true, message: '请选择', trigger: 'blur']
}

解决方案2:将表单绑定的数据对象修改成对象的子对象。

 

你可能感兴趣的:(Element 表单验证项v-model绑定值为对象下的子对象的属性时无法验证)