美文网首页
Element-ui 校验部分表单API-validateFie

Element-ui 校验部分表单API-validateFie

作者: Haiiz | 来源:发表于2020-10-23 17:12 被阅读0次

    在最近的项目中,遇到了一个表单有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'])
    }
    

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

    相关文章

      网友评论

          本文标题:Element-ui 校验部分表单API-validateFie

          本文链接:https://www.haomeiwen.com/subject/ktovmktx.html