vue3实现滚动条置于表格底部

可以使用Vue3中的`ref`和`nextTick`来实现滚动条置于表格底部。

首先，在表格元素上添加一个`ref`属性：

<template>
  <div class="table-wrapper">
    <table ref="table">
      <!-- 表格内容 -->
    </table>
  </div>
</template>

然后在`mounted`生命周期函数中，使用`nextTick`让Vue先渲染完表格，然后再将滚动条置于底部：

<script>
import { ref, nextTick } from 'vue';

export default {
  mounted() {
    nextTick(() => {
      this.$refs.table.scrollTop = this.$refs.table.scrollHeight;
    });
  }
}
</script>

上述代码中，我们使用`nextTick`等待Vue先渲染完表格，然后再将`scrollTop`属性设置为表格高度，这样滚动条就会置于底部了。