Element-ui 校验部分表单API-validateField 的用法

在最近的项目中,遇到了一个表单有2个校验按钮,一个是提交全部,这个是校验全部表单的,官方的案例很清楚,这里就不多说了。另一个按钮需要对部分数据作校验,在官网查到了validateField的方法,一开始直接进行了调用,如下:

this.$refs['form'].validateField(['region', 'funder', 'subbranchId'], errorMsg => {
  if(!errorMsg){
  //执行校验成功的相关操作
  }
})

但是发现,这个方法,在你校验多个时候,回调函数是会执行多次的,这样就造成了无法确定是否全部校验完成的问题,在经过思考尝试后,使用如下代码解决问题:

const { region, funder, subbranchId } = this.form
if (region && funder && subbranchId) {
  //执行校验成功的相关操作
} else {
  this.$refs['form'].validateField(['region', 'funder', 'subbranchId'])
}

希望我的办法能帮到你,谢阅~

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容