Element的el-form表单校验规则对于嵌套数据的处理

Element的el-form表单校验规则对于嵌套数据的处理

首先在data中的数据如下

 dataForm:{
      firmName:'',
	  user:{
	     emailAddress:'',
	  }
 }

然后在定义的rule中像如下方式写,注意嵌套的数据要用单引号

 firmName: [ { required: true, message: '企业名称不能为空', trigger: 'blur' } ],
 'user.emailAddress': [{ required: true, message: '邮箱不能为空', trigger: 'blur' }],

最后在页面展示的时候，

 <el-form-item label="邮箱：" prop="user.emailAddress">
       <el-input placeholder="请输入邮箱：" vk-model="dataForm.user.emailAddress"></el-input>
</el-form-item>

如此就实现了嵌套数据的表单验证规则