Vue + elementUI Table添加数据出现Y轴滚动条时，滚动条保持在最底部

在Vue中使用elementUI的Table组件时，如果需要在数据添加到表格时保持滚动条在最底部，可以通过以下方法实现：

1. 使用Vue的$nextTick方法确保DOM已经更新。
2. 使用原生JavaScript或者elementUI的Table组件提供的方法来滚动到底部。

以下是一个简单的示例代码：

<template>
  <el-table
    :data="tableData"
    ref="tableRef"
    height="200"
    style="overflow-y: auto;"
  >
    <!-- 列定义 -->
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: []
    };
  },
  methods: {
    addData(data) {
      this.tableData.push(data);
      this.$nextTick(() => {
        const table = this.$refs.tableRef;
        if (table) {
          table.bodyWrapper.scrollTop = table.bodyWrapper.scrollHeight;
        }
      });
    }
  }
};
</script>

在这个例子中，addData方法用于添加数据到tableData数组。在数据添加完成并DOM更新之后，通过this.$refs.tableRef获取到Table组件的引用，然后使用bodyWrapper.scrollTop和bodyWrapper.scrollHeight属性来滚动到最底部。

请注意，这里的height属性可能需要根据实际情况调整，以确保有滚动条出现。如果你的表格内容超过了设定的高度，滚动条就会出现，这时候设置scrollTop属性就能保证滚动到最底端。