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);
      }
    }
  });
};
相关推荐
用户841794814568 小时前
如何用 vue 甘特图来实现计划和实际双任务条进度展示
vue.js
WIN赢9 小时前
【抽象思想-从复杂中抽离简单、收敛的口子】
java·前端·javascript
冰暮流星10 小时前
javascript之webstorage用法
开发语言·javascript·ecmascript
执子念的飞鱼11 小时前
浏览器直接预览 Pages、Numbers、Keynote:iWork 格式真正难在哪
前端·javascript
用户3452081538811 小时前
我给 DSH 写了读 10x 数据的插件
javascript
执子念的飞鱼11 小时前
70MB Excel 浏览器预览失败:定位 XLSX 重复解压与内存峰值
javascript·性能优化
京东云开发者11 小时前
【全栈实践】第一个 AI Agent 项目:从零搭建 AI 音频创作助手【最终版】
前端·vue.js·音视频开发
12.=0.11 小时前
【REVIEW_C】【持续更新】
服务器·前端·javascript
Brown.alexis11 小时前
es6知识点4-自备使用
前端·javascript·es6