关于element-ui:elementui中使用form验证功能后如果有不符合的字段则定位到指定字段

1：场景形容：如果表单过长，且谬误字段和保留按钮没有在同一可视范畴内，用户不能及时通晓哪里出了问题，导致始终点击提交有效

2：阐明：表单验证谬误字段会带一个 is-error 的类，通过该类进行定位

3：外围源码：

/**
* 对表单 ref=edititemform 进行相干规定验证
* 如果验证不通过，仅需获取指定验证表单内的谬误字段：this.$refs.edititemform.$el
* 如果你的页面上进存在一个 form 表单，能够间接通过 document.getElementsByClassName 来获取谬误字段
* 滚动定位到第一个报错的字段即可
**/

this.$refs.edititemform.validate((valid) => {if (valid){console.log("验证通过，做你后续操作")
    }else{this.$nextTick(() => {let err = this.$refs.edititemform.$el.getElementsByClassName('is-error')
        if (err.length) {err[0].scrollIntoView({
          block: 'center',
          behavior: 'smooth',
          })
        }
      })
    }
  });