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

1、点击确定按钮

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

elementUI校验失败的时候自带的class:is-error;

你可能感兴趣的:(javascript,前端,vue.js)