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);
      }
    }
  });
};
相关推荐
_pengliang8 分钟前
react native ios 2个modal第二个不显示
javascript·react native·react.js
纳兰瑞雪9 分钟前
nodeJs electron程式开发demo
开发语言·前端·javascript
Irene199112 分钟前
Vue 3 中,组合式 API 的 setup() 函数确实先于选项式 API 的生命周期钩子执行
vue.js·执行顺序·组合式 api·选项式 api
计算机学姐24 分钟前
基于SpringBoot的高校体育场馆预约系统【个性化推荐算法+数据可视化统计】
java·vue.js·spring boot·后端·mysql·信息可视化·推荐算法
爱上妖精的尾巴33 分钟前
7-8 WPS JS宏 对象使用实例5--按多字段做多种汇总
javascript·后端·restful·wps·jsa
白粥39 分钟前
【HTML】文本格式化
前端·javascript·html
只有干货43 分钟前
动态表单组件渲染并采集 展示vue component
javascript·vue.js·ecmascript
计算机程序设计小李同学1 小时前
森林防火航空巡护任务管理系统
java·vue.js·人工智能·分类·数据挖掘
mario_z1 小时前
基于kmines类聚线段算法
前端·javascript·算法
Irene19911 小时前
Vue 3 中,unmounted 生命周期钩子会在组件实例被销毁并从 DOM 中移除后调用
vue.js·unmounted