表单验证model绑定的是一个对象下的某个子对象属性的时候无法验证

表单验证model绑定的是一个对象下的某个子对象属性的时候无法验证

如果data中定义的数据结构是这样的(组件上最终绑定的是dataForm.name.value):
dataForm: { name: { value: '' } }
那么rules中需要这样写:
rules: { 'name.value': { { required: true, message: '请输入项目名称', trigger: 'blur' } } }

template需要这么写:
<el-form-item prop="name.value">
<el-input v-model="dataForm.name.value"></el-input>
</el-form-item>

转载,原文链接

https://github.com/ElemeFE/element/issues/1655