element-UI 表单验证

问题：使用elementUI中的表单组件时，验证时一直提示is required， 打印value值underfined，检测prop和:model格式无误

原因：el-form-item指向的prop验证的属性需要和el-form绑定的:model是同一个对象

html

js： （注：其中el-form绑定的:model和el-form-item指向的prop不是同一个对象）

createForm: {
  id: 0,
  address: ''
},
cameraLinkData: {
  ip: '',
  port: ''
}

createRule: {
  ip: [{ required: true, validator: checkIp, message: '请输入IP', trigger: 'submit' }],
  port: [{ required: true, validator: checkPort, message: '请输入端口', trigger: 'submit' }]
}

解决办法：在validator方法中处理

const checkIp = (rule, value, callback) => {
	if (!this.cameraLinkData.ip) {
	  return callback(new Error('请输入IP地址！'))
	} else {
	  return callback()
	}
  }