php滚动table技巧_vue3优雅的设置elementplus的table自动滚动到底部

查网上的办理方案都是读取html构造，暴力的去获取，虽能办理问题，但是不喜好这种打补丁的办理方案，我想着官方该当有干系的定义，于是就去看table的定义。

我用的是vue3+ts+elment-plus。
elment-plus的table供应了滚动的方法`setScrollTop`，但是api上没找到获取数据列高度的方法，于是我就F12看table的类型定义，创造了一个`$ref`属性，打印出来一看，上面竟然定义了各个层级的工具。

于是我就获取各个工具的高度看看哪个是我须要的。

一开始我就打印tableWrapper.height，创造不对，打印这个工具，创造高度是可视区域的高度。

又打印tableBody.height的高度，创造获取不到，结果创造了`scrollHeight`，看数值对了。

代码如下：

<el-tableref="singleTableRef":data="list"borderstyle="width: 100%"height="500px">... 列的定义</el-table>// 滚动设置const onScrollBottom = () => { // 我上面还有其他的处理，以是我放到了nextTick中 nextTick(() => { // 办理方法 singleTableRef.value?.setScrollTop(singleTableRef.value?.$refs.tableBody.scrollHeight) })}

轻松搞定！