微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

工作问题记录:elementUI 中表单校验问题

问题背景:

  • 在父组件中无法调用子组件中的表单校验事件。validate方法不执行。

处理过程

  • 最开始问题定位到表单校验时返回的值返回不出来,误认为子组件中没法同步返回,于是定义了异步返回数据,但在父组件仍然没有接收到结果。

  • 后来debugger代码时发现,表单校验并没有执行validate这个回调函数。于是开始排查为什么代码没有走到validate这里。返回的是Pending状态下的Promise,后来看代码发现,在自定义的校验规则中存在一种可能没有调用回调函数,这就导致了表单的校验无法走到validate中,同时无法返回结果
    如下图示例,红框中的callback没有写,所以在这一步是存在问题,表单校验时也会卡在这里

示例

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐