elementUI——el-form表单，校验二层对象的值

搬运自： vue el-form 表单对象里还有对象，多层嵌套校验，制定校验规则_System.out.print的博客-CSDN博客

 

表单：

form:{
    name:'',
    role:{
        name:''     
    }
}

 

1、给 el-form-item 的 prop="" 设为：prop="role.name"

2、然后在校验规则中：重点要用 '' 括起来

rules: {
    'role.name': [
        {required: true, message: '请输入角色名', trigger: 'blur'},
    ]
}