父组件在提交时,需要判断嵌入的子组件表单是否通过验证,通过才可进行表单的提交;
子组件:
// 子组件校验,传递到父组件
validateForm () {
let flag = null
this.$refs['formDatas'].validate(valid => {
if (valid) {
flag = true
} else {
flag = false
}
})
return flag
}
父组件:
submit (formName) {
let flag = true
if (this.currentProcess === 'Seal' || this.currentProcess === 'ESeal' || this.currentProcess === 'PSeal') {
flag = this.$refs.sealComponent.validateForm()
alert(flag)
if (!flag) {
this.$message.error('信息不完整,请继续填写完整')
return false
}
}
}