工作问题之二:子组件表单验证在父组件中执行

1,305 阅读1分钟

背景

子组件是一个表单结构,在负组件中,子组件是循环生成的,且没有按钮去写点击事件,每一次的数据传递发生在输入框或者下拉列表的change事件,在父组件做最终提交的时候,要对子组件进行表单验证

页面结构

我的解决方案

思路:

在子组件中写好验证方法,在父组件中进行调用

子组件返回校验函数,在父组件中通过ref进行调用,然后通过判断子组件的校验结果是否为true来判断校验是否通过

代码

子组件: 验证方法: 父组件:

后记

各位大佬有更好的办法,请不吝赐教!

感谢!