el-scrollbar添加点击事件横向滚动

要想为 `el-scrollbar` 添加点击事件实现横向滚动，可以使用以下方法：

1. 获取 `el-scrollbar` 组件的 DOM 元素，可以使用 `ref` 属性来获取该组件的 DOM 引用，例如：

   <el-scrollbar ref="scrollbarRef">
     <!-- el-scrollbar 的内容 -->
   </el-scrollbar>

2. 监听 `mousedown` 事件，当用户按下鼠标时记录鼠标的位置：

   this.$refs.scrollbarRef.$el.addEventListener('mousedown', this.handleMouseDown);
   
   methods: {
     handleMouseDown(event) {
       this.startX = event.clientX;
     },
   },

3. 监听 `mouseup` 事件，当用户松开鼠标时计算鼠标移动的距离，并根据距离计算滚动的距离：

   this.$refs.scrollbarRef.$el.addEventListener('mouseup', this.handleMouseUp);
   
   methods: {
     handleMouseUp(event) {
       const endX = event.clientX;
       const distance = endX - this.startX;
       const scrollDistance = this.$refs.scrollbarRef.$el.scrollLeft + distance;
       this.$refs.scrollbarRef.$el.scrollLeft = scrollDistance;
     },
   },

上面的代码使用了 `scrollLeft` 属性来设置 `el-scrollbar` 的滚动距离，如果需要横向滚动，则需要使用 `scrollLeft` 属性来设置水平滚动的距离。