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);
      }
    }
  });
};
相关推荐
十六年开源服务商5 分钟前
WordPress在线聊天系统推荐
大数据·javascript·html
喵喵喵小鱼38 分钟前
arcgis JavaScript api实现同时展示多个撒点气泡
开发语言·javascript·arcgis
谢尔登1 小时前
Vue3架构设计——调度系统
前端·javascript·vue.js
Kratzdisteln1 小时前
【1902】0121-1 Dify工作流节点详细配置(方案B最终版)
java·前端·javascript
霍理迪1 小时前
js数据类型与运算符
开发语言·前端·javascript
Hi_kenyon1 小时前
小白理解main.js
前端·javascript·vue.js
Rhys..1 小时前
Playwright + JS 进行页面跳转测试
开发语言·前端·javascript
郭优秀的笔记1 小时前
html鼠标悬浮提示功能
android·javascript·html
冰暮流星2 小时前
if与switch的区分
javascript
xiangxiongfly9152 小时前
Vue3 h函数
vue.js·h·createvnode