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

先看效果

vue3+vant4父组件点击提交并校验子组件form表单_第1张图片

代码如下

父组件


子组件



  
  

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

你可能感兴趣的:(vue.js,前端,javascript)