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 @   吃饭七分饱  阅读(523)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示