el-form组件间表单校验方法

232 阅读1分钟

1、多个父子组件表单校验

简单的只有父子组件的表单校验方式可采用以下方式实现。其中子组件为step1及step2,两个组件都存在表单,采用Promise.all的方法实现。 截屏2023-08-22 15.23.45.png

2、父、子、孙、重孙组件表单校验

(1)重孙组件校验规则

截屏2023-08-24 18.34.52.png

(2)孙组件校验规则

其中返回的res为重孙组件是否校验成功。 截屏2023-08-24 18.48.10.png

(3)子组件校验规则

此时假设不确定孙组件有多少个(孙组件通过循环渲染得到),通过循环获取,然后调用validateAll方法校验每一个孙组件 截屏2023-08-24 18.49.07.png

(4)父组件校验规则

此时假设确定子组件是几个,可直接进行校验,然后采用Promise.all进行判断 截屏2023-08-24 18.37.21.png