vue3 el-table添加行后定位到表尾（scrollWrapper.setScrollTop）

最新推荐文章于 2024-08-28 10:03:44 发布

为你单身

最新推荐文章于 2024-08-28 10:03:44 发布

阅读量2.4k

点赞数 3

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/NB_YZL/article/details/127108059

版权

第一步：el-table

<el-table ref="tableRef">
	......
</el-table>

第二步：获取scrollWrapper.setScrollTop

const tableRef = ref<InstanceType<typeof ElTable>>(); //表标识

setTimeout(() => {
    var ScrollTop = 50 * tableData.data.length;
    //1、50为每一行的高度；2、tableData.data.length为数据数量
    tableRef.value.$refs.scrollWrapper.setScrollTop(ScrollTop);
  }, 100);

一定要加.$refs后再获取scrollWrapper，这样才有setScrollTop方法；

网上好多文章都是获取bodyWrapper来定位的，反正我是没找到scrollTop；

这是第一次分享，自己遇到的问题也让伙伴们能省去很多时间，谢谢！