vxe-table中自动滚动，鼠标移入表格后停止滚动

在Vue Element UI (vxe-table)组件中，如果你想实现当用户鼠标滑动到表格区域时自动滚动停止的功能，你可以通过监听`mouseover`事件并操作表格的`scroll`属性来控制。以下是一个简单的示例：

<template>
  <vxe-table :data="tableData" @mouseover.native="stopScroll">
    <!-- 表格配置 -->
    <!-- ... -->
  </vxe-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [], // 假设这是你的数据
      scrollTimeout: null,
    };
  },
  methods: {
    stopScroll(e) {
      if (this.scrollTimeout) {
        clearTimeout(this.scrollTimeout);
      }
      this.scrollTimeout = setTimeout(() => {
        this.$refs.tableBody.scrollTop = this.$refs.tableBody.scrollHeight; // 将滚动条拉到底部
      }, 500); // 设置一个延时，以便在用户停留一段时间后再停止滚动
      e.stopPropagation(); // 阻止事件冒泡，防止其他地方的滚动也被影响
    },
  },
};
</script>

在这个例子中，当用户鼠标移到表格上(`mouseover`)，会清除之前设置的滚动定时器，然后在一定延迟后将滚动条滚到底部。当用户离开表格(`mouseout`)，你可以添加相应的回调恢复正常的滚动行为。