vue 父组件控制子组件的表单验证问题?

2023-06-22 359 0

子组件中的校验方法。

// 校验数据
validateForm () {
 let flag = null
 this.$refs['ruleForm'].validate(valid => {
 if (valid) {
      flag = true
    } else {
      flag = false
    }
  })
 return flag
}

父组件中调用

<child-rules ref="childRules"></child-rules>
<script>
 let flag = this.$refs['childRules'].validateForm()
 if (!flag) {
      this.$message.error('信息不完整,请继续填写完整')
      return false
    }
</script>

父组件flag有时返回null,是什么原因?

validate异步校验

回答

相关文章

nuxt2部署静态化和ssr的时候访问首页先报404再出现首页为什么?
`clip-path` 如何绘制圆角平行四边形呢?
多线程wait方法报错?
VUE 绑定的方法如何直接使用外部函数?
vue2固定定位该怎么做?
谁有redis实现信号量的代码,希望借鉴一下?