vue+ElementUI 父组件判断嵌入的子组件表单的验证条件是否通过

    技术2022-07-13  70

    父组件在提交时,需要判断嵌入的子组件表单是否通过验证,通过才可进行表单的提交;

    子组件:

    // 子组件校验,传递到父组件 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 } } }
    Processed: 0.013, SQL: 9