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);
      }
    }
  });
};
相关推荐
ikoala19 小时前
AI 写页面像说明书,修 Bug 像贴膏药?把这两句话写进 AGENTS.md
前端·javascript·ai编程
Penge66619 小时前
《Go 后端开发者学 TypeScript:ES Module了解》
javascript
Penge66619 小时前
《Go 后端开发者学 TypeScript:从零搭建与运行》
javascript
Penge66620 小时前
《Go 后端开发者学 TypeScript:keyof关键字》
javascript
Penge66621 小时前
《Go 后端开发者学 TypeScript:extends关键字》
javascript
张张123y21 小时前
DSH 插件调试避坑:client.js 设置面板、热重载与高频报错排查表
开发语言·javascript·人工智能·开源·ecmascript·后端开发·ai agent
FRing031 天前
vue2干货总结7(自定义指令、插槽、单页应用程序、路由的使用(VueRouter))
开发语言·前端·vue.js·vue2
Penge6661 天前
《Go 后端开发者学 TypeScript:typescript 类型断言》
javascript
Penge6661 天前
《Go 后端开发者学 TypeScript:Symbol》
javascript
ruanno_top1 天前
点全选,已选的被清空了:Transfer 三态复选框的三个 bug
vue.js