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);
      }
    }
  });
};
相关推荐
小夏卷编程2 小时前
ant-design-vue 1.x版本自定义可拖拽弹框
前端·javascript·vue.js
VX:Fegn08953 小时前
计算机毕业设计|基于springboot + vue图书管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
sanshizhang4 小时前
若依框架,分页如何实现自定义每页记录数量
javascript·vue.js
专注前端30年4 小时前
Vue3 watchEffect详解:核心用法与原理剖析
前端·javascript·vue.js
hwt10703598984 小时前
Vue项目,解决Node依赖错误问题
前端·javascript·vue.js
研☆香4 小时前
什么是对象 什么是数组 区别是什么??
java·前端·javascript
2501_946675645 小时前
Flutter与OpenHarmony打卡时间选择器组件
android·javascript·flutter
vx_bisheyuange5 小时前
基于SpringBoot的房屋交易平台
前端·javascript·vue.js·毕业设计
千里马-horse5 小时前
React Native 源码分析 -- jsi.h
javascript·c++·react native·react.js·jsi
MoonPointer-Byte6 小时前
[特殊字符]The Omniscient Tome | 全知之书
javascript·html5