vue2 elementui table表格无缝滚动且鼠标移进去不滚动

在Vue 2中，结合Element UI Table组件实现表格的无缝滚动，并且鼠标悬停时不滚动，可以按照以下步骤操作：

1. 首先，确保已经安装了Element UI和Vue，并且在项目中引入这两个库。

2. 使用Element UI的`el-table`组件，它有自带的虚拟滚动功能，可以在大数据量下提高性能。

3. 在`el-table`的属性中启用`scroll`选项，设置横向滚动(`x`)和纵向滚动(`y`)。例如：

   <el-table :data="tableData" :scroll-y="true" :scroll-x="true">
     <!-- 表格列配置 -->
   </el-table>

4. 要阻止鼠标悬停时的滚动，需要监听`mouseover`事件，当鼠标进入表格外时关闭滚动。你可以使用自定义的`methods`：

   data() {
     return {
       isScrolling: false,
     };
   },
   methods: {
     handleMouseEnter(e) {
       this.isScrolling = false;
       // 如果需要，也可以清除当前滚动位置
       if (this.$refs.table && this.$refs.table.$el) {
         this.$refs.table.$el.scrollLeft = 0;
       }
     },
     handleMouseLeave(e) {
       // 悬浮时间结束后恢复滚动
       setTimeout(() => {
         this.isScrolling = true;
       }, 100);
     },
   },
   mounted() {
     this.$el.addEventListener('mouseover', this.handleMouseEnter);
     this.$el.addEventListener('mouseout', this.handleMouseLeave);
   },
   beforeDestroy() {
     this.$el.removeEventListener('mouseover', this.handleMouseEnter);
     this.$el.removeEventListener('mouseout', this.handleMouseLeave);
   },

5. 当鼠标离开表格区域（`handleMouseLeave`方法中），添加一个定时器，延迟一段时间后再恢复滚动效果（这里设定为100毫秒，可根据需求调整）。