ElementUi 表格自动滚动

在Element UI中，如果你想让表格自动滚动到视图中，可以使用Vue的$refs来引用表格元素，并调用其原生的scrollIntoView方法。以下是一个简单的例子：

<template>
  <el-table
    :data="tableData"
    ref="myTable"
    height="200"
    style="overflow:auto;"
  >
    <!-- 列定义 -->
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        // 数据列表
      ]
    };
  },
  mounted() {
    this.$nextTick(() => {
      this.scrollToBottom();
    });
  },
  methods: {
    scrollToBottom() {
      this.$refs.myTable.$el.querySelector('.el-table__body-wrapper').scrollTop = this.$refs.myTable.$el.querySelector('.el-table__body-wrapper').scrollHeight;
    }
  }
};
</script>

在这个例子中，表格设置了height属性，这样它就会有滚动条。在mounted钩子中，我们使用this.$nextTick来确保DOM已经渲染完成，然后调用scrollToBottom方法，该方法使用querySelector来获取滚动区域并设置其scrollTop属性为其scrollHeight，这样就会自动滚动到底部。

请注意，如果表格内容动态变化，你可能需要在数据更新后重新调用scrollToBottom方法以确保滚动到正确的位置。