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

 子组件的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 
        }
        //在这下边做接下来的处理
    }    
}

Logo

前往低代码交流专区

更多推荐