zoukankan      html  css  js  c++  java
  • 关于elementui form表单过长,看不到未填项

    关于form表单过长,点击确定找到未填项并定位到此处

    上代码,自辩,我是好使滴

        heightToTop(ele){
          let root = document.body;
          let height=0;
          do{
            height+=ele.offsetTop;
            ele = ele.offsetParent;
          }while(ele!==root)
          return height;
        },
        eleScrollError(){
          this.$nextTick(()=>{
            let isError=document.getElementsByClassName('is-error');
            console.log(isError);
            // document.querySelector(".main2").scrollTo({behavior:"smooth",top:this.heightToTop(isError[0]) - 60},500);
            let container = isError[0].querySelector("input")||isError[0].querySelector("textarea");
            container.focus();
          })
        },
    
      //以下没试,自辩
        scrollError(DOM){
          this.$nextTick(()=>{
            let container = document.querySelector(".main2");
           container.scrollTo({behavior:"smooth",top:this.$refs[DOM].offsetTop},500);
          })
        },        

    参考:https://blog.csdn.net/q140948940/article/details/115520524

  • 相关阅读:
    新·刷题记录【争取认真来做】
    Codeforces 235D Graph Game
    Codeforces 235B Let's Play Osu!
    Codeforces 235E Number Challenge
    Codeforces 235C Cyclical Quest
    AHOI2017游记
    bzoj4826: [Hnoi2017]影魔
    大数分解模板
    A new start
    0712
  • 原文地址:https://www.cnblogs.com/jy17/p/15294516.html
Copyright © 2011-2022 走看看