el-form表单校验失败回到第一个失败位置

1、功能代码

  const scrollIntoView = (className = "is-error", block = "center") => {
    Promise.resolve().then(() => {
       const target = document.getElementsByClassName(className);
     if (target.length) {
        target[0].scrollIntoView({
           behavior: "smooth", // 平滑过渡 值有auto、instant,smooth,缓动动画(当前是慢速的)
           block: block, // 上边框与视窗顶部平齐。默认值 值有start,center,end,nearest,当前显示在视图区域中间
       });
    }
  });
};

2、示例

submitForm(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          alert("submit!");
        } else {
          scrollIntoView();
          return false;
        }
      });
    },
  },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容