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);
      }
    }
  });
};
相关推荐
一只小阿乐14 小时前
vue前端处理流式数据
前端·javascript·ai·大模型·全栈开发·agentai
꧁꫞꯭零꯭点꯭꫞꧂14 小时前
前端面试题3
开发语言·前端·javascript
ZC跨境爬虫15 小时前
Base64编码详解(含JS_Python实现+实战逆向案例)
前端·javascript·python
FuckPatience15 小时前
Halcon 寻找方形Mark
前端·javascript·数据库
NocoBase15 小时前
本周更新|事件流添加 JS 变量
javascript·人工智能·低代码·开源·无代码
ThridTianFuStreet小貂蝉15 小时前
面试题2、讲一讲JS运行机制、微任务、宏任务、事件循环
javascript
happymaker062616 小时前
vue中对list的函数处理方式总结,以及常见功能的实现方法
javascript·vue.js·list
还是大剑师兰特16 小时前
vueup/vue-quill 详细介绍(Vue3 富文本编辑器)
javascript·vue.js·ecmascript
threelab16 小时前
引擎案例分析 02|GeoLayer 大厂地理可视化方案深度拆解
javascript·3d·webgl
bigdargon16 小时前
【无标题】
vue.js