ElementUI 表单校验错误时跳转到错误位置

我们在使用ElementUI做表单校验时，如果一个页面中有很多输入项，我们在页面的底部点击提交数据时，表单校验不通过，但是在页面底部却不能看到到底是哪个字段错误，我们可以利用form-item 的一个类名is-error来定位当前的错误位置：

然后使用scrollIntoView 将页面滑动到错误的位置，提示用户当前位置错误

主要代码如下：

const onSave = (formEl) => {
  formEl.validate((valid) => {
    if (!valid) {
      document.getElementsByClassName("is-error")[0].scrollIntoView({
        behavior: "smooth",
      });
    }
  });
};

希望这个小技巧可以帮助到你。