vue 父组件调用子组件，子组件的表单添加校验

 如上图所示，上图的内容打开弹框，弹框是父组件调用的子组件，点击下边的按钮，这时需要走校验，然后校验在子组件写，父组件调用子组件的方法就可以

 子组件的methods里边加一个validate（）方法，在里边判断校验

methods: {  
     validate(){
          let flag = null
          this.$refs.tableFrom.validate((valid) => {
              if (valid) {
                  flag = true
              } else {
                  flag = false
              }
          });
          return flag
      },
},

在子组件上加上ref，然后在父组件通过this.$refs.headerChild调用子组件的方法

methods:{
    submit(){
        let flag = this.$refs.headerChild.validate()
        if (!flag) {
             return 
        }
        //在这下边做接下来的处理
    }    
}