vue滚动条无法拖拽代码怎么写

Vue滚动条无法拖拽的问题可能有多种原因，需要具体情况具体分析。

以下是一些常见的解决方法：

1. 确认是否引入了滚动条组件

在Vue中，可以使用第三方滚动条组件，如vue-scrollbar、vue-perfect-scrollbar等。如果没有引入滚动条组件，就无法实现滚动条的拖拽功能。

2. 确认是否使用了正确的指令

如果引入了滚动条组件，需要使用正确的指令才能启用滚动条的拖拽功能。不同的滚动条组件可能使用不同的指令，需要仔细查看文档。

例如，vue-perfect-scrollbar使用的指令是v-perfect-scrollbar，而vue-scrollbar使用的指令是v-scrollbar。

3. 确认是否正确绑定事件

如果使用了正确的指令，但滚动条仍然无法拖拽，可能是因为没有正确绑定事件。可以在组件中添加v-on:scroll事件，并在事件处理函数中判断滚动条的位置，以实现拖拽功能。

例如，可以使用以下代码监听滚动条的滚动事件：

<vue-perfect-scrollbar v-perfect-scrollbar @scroll="onScroll">
  // 滚动条内容
</vue-perfect-scrollbar>

...

methods: {
  onScroll: function (event) {
    // 获取滚动条的滚动位置
    const scrollTop = event.target.scrollTop;
    // 处理拖拽逻辑
    // ...
  }
}

需要根据具体情况进行修改。