element-ui表单校验失败后滚动到第一个校验失败的地方

最新推荐文章于 2023-10-07 10:46:16 发布

皮卡丘是个程序猿

最新推荐文章于 2023-10-07 10:46:16 发布

阅读量602

点赞数 4

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_42530606/article/details/125646177

版权

1、点击确定按钮

// 新增确定
    confirm(flowParam) {
      this.$refs.ruleForm.validate((valid) => {
        if (valid) {
        // 校验通过
        
        } else {
        	//校验未通过， 滚动到验证未通过的地方
          setTimeout(() => {
            const errorDiv = document.getElementsByClassName('is-error');
            errorDiv[0].scrollIntoView();
          }, 0);
          return false;
        }
      });
    },