vue3+vant4父组件点击提交并校验子组件form表单

先看效果

代码如下

父组件

子组件

父组件通过ref获取子组件的引用，在父组件的点击事件中调用子组件的validate方法进行表单验证，如果验证通过则执行提交逻辑。子组件通过defineExpose暴露其validate方法给父组件使用。这样父组件就可以通过childForm.value.validate调用子组件的验证方法了。