vue2 el-table自动滚动

在Vue 2中，`el-table`组件是用来展示表格数据的Element UI库的一部分。如果你想要让表格内容自动滚动到最后一行，你可以利用`@scroll`事件和`scrollTop`属性来实现。下面是一个简单的示例：

<template>
  <div ref="tableContainer">
    <el-table :data="tableData" @scroll="onTableScroll">
      <!-- 表格列配置 -->
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [] // 假设这里是你实际的数据
    };
  },
  methods: {
    onTableScroll(e) {
      const tableRef = this.$refs.tableContainer; // 获取table容器元素引用
      if (e.target.scrollTop + e.target.offsetHeight === tableRef.clientHeight) { // 判断是否已到达底部
        // 自动滚动到底部
        tableRef.scrollTop = tableRef.scrollHeight;
      }
    }
  }
};
</script>

当你滚动到表格底部时，`onTableScroll`方法会被触发，检查当前的滚动位置加上视口高度是否等于整个表格容器的高度，如果是，则将`scrollTop`设置为`scrollHeight`，使得表格自动滚到底部。