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);
      }
    }
  });
};
相关推荐
月空MoonSky20 分钟前
解决使用Notepad++出现异型字或者繁体字体问题
java·javascript·notepad++
joan_851 小时前
input禁止自动填充
前端·elementui·vue
研☆香1 小时前
简单的复选框 全选 反选功能
javascript
林间风雨1 小时前
layui 2.9.16 版本,根据字段字数最大数,表格自适应字段宽度
前端·javascript·layui
hzb666661 小时前
xd_day47文件上传-day55xss
javascript·学习·安全·web安全·php
计算机学姐1 小时前
基于SpringBoot的在线骑行网站系统
java·vue.js·spring boot·后端·mysql·spring·tomcat
灰海2 小时前
vue实现即开即用的AI对话打字机效果
前端·javascript·vue.js·打字机
Ulyanov2 小时前
Impress.js深度技术解析:架构基础与结构化设计
开发语言·前端·javascript
充气大锤2 小时前
前端实现流式输出配合katex.js
开发语言·前端·javascript·ai·vue