element ui 中table标签添加新一行后自适应滚动到底部

// 添加
handleAdd () {
      const tableDemo = {
        id: null,
        optionName1: "",
        optionName2: "",
      };
      this.list.push(tableDemo);

// 重要的是下面这部分代码
      const timer = setTimeout(() => {
        const doms = document.getElementsByClassName("el-table__row");
        const dom = doms[doms.length - 1];
        const pDom = document.getElementsByClassName("el-table__body-wrapper")[0];
        if (dom && pDom) {
          pDom.scrollTop = dom.offsetTop;
        }
        clearTimeout(timer);
      }, 300);
    },

 

posted on 2022-11-04 11:20  凵  阅读(240)  评论(0)    收藏  举报

导航