ElementUI form表单校验错误滚动到错误位置

submitBtn() {
      this.$refs.ruleForm.validate((valid) => {
        if (valid) {
          this.$emit('submit', this.submitData)
        } else {
          this.$nextTick(() => {
            const isError = document.getElementsByClassName('is-error')
            isError[0].scrollIntoView({
              // 滚动到指定节点
              // 值有start,center,end,nearest,当前显示在视图区域中间
              block: 'center',
              // 值有auto、instant,smooth,缓动动画(当前是慢速的)
              behavior: 'smooth'
            })
            return
          })
          return false
        }
      })
    }
posted @ 2022-08-08 19:48  吃饭七分饱  阅读(461)  评论(0编辑  收藏  举报