sortable获取拖拽后的数据_Vue.Draggable - 基于 Vue.js 丝般柔滑的拖拽排序组件

好的，您的问题是如何使用 Vue.Draggable 组件获取拖拽后的数据？

使用 Vue.Draggable 组件可以轻松地实现拖拽排序功能。要获取拖拽后的数据，可以使用该组件的 change 事件。

以下是示例代码：

<draggable v-model="list" @change="handleChange">
  <div v-for="item in list" :key="item.id">{{ item.name }}</div>
</draggable>

在上述代码中，我们绑定了一个数组 list 到 draggable 组件的 v-model 上。同时，我们监听了 change 事件，并将其绑定到一个名为 handleChange 的方法上。

接下来，我们需要在组件的 methods 中定义 handleChange 方法：

methods: {
  handleChange(event) {
    console.log(event);
  }
}

在 handleChange 方法中，我们可以打印出 event 对象，它包含了拖拽前后的数据。您可以根据需要对 event 对象进行处理，从而获取拖拽后的数据。

希望这个回答能够帮到您！