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);
      }
    }
  });
};
相关推荐
乐~~~28 分钟前
el-tabs 自适应高度
elementui·scss
LJ小番茄36 分钟前
Vue 常见的几种通信方式(总结)
前端·javascript·vue.js·html
customer081 小时前
【开源免费】基于SpringBoot+Vue.JS在线文档管理系统(JAVA毕业设计)
java·vue.js·spring boot·后端·开源
pan_junbiao3 小时前
Vue组件:模板引用ref属性的使用
前端·javascript·vue.js
LvManBa3 小时前
Vue学习记录之四(computed的用法)
前端·vue.js·学习
__lucas4 小时前
javascript-装饰器
开发语言·javascript·ecmascript
春蕾夏荷_7282977254 小时前
electron nsis打包windows应用程序
javascript·windows·electron·nsis
想退休的搬砖人5 小时前
vue组件的生命周期
前端·javascript·vue.js
csdn_aspnet5 小时前
vue node node-sass sass-loader 版本 对应 与 兼容
前端·vue.js·sass
zhangjin12225 小时前
kettle从入门到精通 第八十五课 ETL之kettle kettle中javascript步骤调用外部javascript/js文件
javascript·数据仓库·etl·kettle调用外部js