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

问题背景:

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

处理过程

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

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

示例

posted @ 2022-04-24 18:55  前端加油站  阅读(244)  评论(0编辑  收藏  举报