Vue Element 表单对象子对象无法验证问题解决

在进行表单验证过程中，发现表单绑定的对象中的子对象下的属性无法通过验证规则。

    
        
          
         
      


order: {
  orderInstance: {
    orderDefinition: '',
  },
},

orderRules: {
  orderDefinition: [{required: true, message: '请选择工单！', trigger: 'change'}]
}

解决方法：

prop 的名字和 rules 中的属性名改为 '对象.属性' 的格式：用引号引起来！

orderRules: {
  'orderInstance.orderDefinition': [{required: true, message: '请选择工单！', trigger: 'change'}]
}

原文：https://blog.csdn.net/mineblogjw/article/details/85118303