vue3 [ui]table 随着数据增加, 滚动条自动滚动到最下面

使用了layui-vue layTable的table表格, 想让数据增加的时候, 滚动条自动往最下面滚动

研究了一会, 研究出来了

代码:

<template>
<lay-table ref="tableRef" ......>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
let tableRef = ref()
tableRef.value.$refs.tableBody.scrollTop += 50
</script>

控制台打印 tableRef.value.$refs , 查看其中变量成, 随着数据增加, 发现tableBody中的值是有动态改变的, 所以最后一个一个试scroll开头的变量, 找到了scrolltop增加, 可以使滚动条自动滚动

其他ui应该也是这样, 记录一下