vuedraggable如何让其滚动

要在vueDraggable中实现滚动，你需要确保滚动区域的高度设置正确，并根据需要使用CSS属性来控制滚动。

下面是一种常见的实现方式：

1. 首先，确保你已经安装了vueDraggable插件。你可以通过npm或yarn安装：

   npm install vuedraggable

   或

   yarn add vuedraggable

2. 在你的Vue组件中，引入vueDraggable：

   import draggable from 'vuedraggable'

3. 在模板中使用vueDraggable，并将`scroll`属性设置为一个包含滚动区域的元素的选择器：

   <draggable :list="items" :options="dragOptions" scroll=".scrollable-area">
     <!-- draggable items -->
   </draggable>

   <div class="scrollable-area" style="overflow-y: scroll; height: 200px;">
     <!-- scrollable area -->
     <!-- Scrollable content here -->
   </div>

在上面的示例中，`scrollable-area`是一个具有滚动条的元素的类名。

4. 根据需要自定义滚动行为。你可以根据自己的需求设置其他dragOptions选项。例如，你可以使用`scrollSensitivity`和`scrollSpeed`选项来调整滚动的敏感度和速度。

   data() {
     return {
       dragOptions: {
         scrollSensitivity: 100,
         scrollSpeed: 20
       },
       items: [...]
     }
   }

在上面的示例中，`scrollSensitivity`表示当鼠标拖动到滚动区域边缘时，滚动开始的敏感度，`scrollSpeed`表示滚动速度。

通过以上步骤，你应该能够在vueDraggable中实现滚动。确保根据你的实际需求进行适当的自定义。