vue 鼠标滚轮横向拖动

Vue.js本身是一个前端框架，主要用于构建用户界面，但它并不直接提供处理鼠标滚轮横向拖动的功能。然而，在实际开发中，你可以利用一些第三方库或者自定义事件处理器来实现这种交互。例如，`vue-scroll-x` 或者 `vuedraggable` 这样的插件可以帮你添加滚动条的水平拖拽功能。

在 Vue 中，你可以这样做：

1. 安装相关的库：

npm install vuedraggable --save

2. 在组件中引入并使用它：

<template>
  <div class="scrollable-container" ref="scrollContainer">
    <!-- 内容 -->
  </div>
</template>

<script>
import draggable from 'vuedraggable'

export default {
  mounted() {
    this.$refs.scrollContainer.draggable({
      group: 'items',
      direction: 'x', // 水平方向拖拽
      preventOnAxis: false,
      scroll: true
    })
  }
}
</script>

3. 样式方面，确保容器有适当的宽度以便于水平滚动：

.scrollable-container {
  overflow-x: auto;
  white-space: nowrap;
}