el-table 表格自定义添加表格数据后自动滚动到最底部

动态表格,可以新增行列数,为了用户体验,新增后超出表格流体高度后,自动滚动到最下方

需要element-plus如下api

代码如下:

javascript 复制代码
const addCapacity = () => {
  inputList.value.push({
    name: "",
    desc: "",
    type: 2,
    location: 2,
    is_required: true,
    global_default: "",
    local_disable: true,
  });
  //滚动到最新的添加行
  nextTick(() => {
    if (inputTableRef.value) {
      const $bodyWrapper =
        inputTableRef.value.$el.querySelector(".el-table__body");
      if ($bodyWrapper) {
        inputTableRef.value.setScrollTop($bodyWrapper.scrollHeight);
      }
    }
  });
};
相关推荐
Python私教3 分钟前
Node.js 开发环境搭建全攻略(2025版)
javascript
希冀1231 小时前
【Vue】第五篇
前端·javascript·vue.js
www_stdio1 小时前
JavaScript 中的数组:开箱即用却暗藏玄机
javascript
华仔啊2 小时前
开源一款 SpringBoot3 + Vue3 数据库文档工具,自动生成 Markdown/HTML
vue.js·spring boot·后端
顾安r2 小时前
11.10 脚本算法 五子棋 「重要」
服务器·前端·javascript·游戏·flask
一枚前端小能手2 小时前
「周更第11期」实用JS库推荐:Pinia
前端·javascript·vue.js
kirinlau2 小时前
requst payload和query string parameters
前端·javascript
烟袅3 小时前
JavaScript 是如何“假装”多线程的?深入理解单线程与 Event Loop
前端·javascript
烟袅3 小时前
一文看懂 Promise:异步任务的“执行流程控制器”
前端·javascript
冴羽3 小时前
从 useState 到 URLState:为什么大佬们都在删状态管理代码?
前端·javascript·vue.js