vuedraggable 拖拽后改变拖拽对象的属性

你好！对于vuedraggable这个库，拖拽后改变拖拽对象的属性可以通过以下步骤实现：

1. 将拖拽对象的属性绑定到data中的一个属性上，例如：

data() {
  return {
    items: [
      { name: "Item 1", isDragging: false },
      { name: "Item 2", isDragging: false },
      { name: "Item 3", isDragging: false }
    ]
  }
}

2. 在vuedraggable中使用该属性，例如：

<draggable v-model="items">
  <div v-for="(item, index) in items" :key="index" :class="{ dragging: item.isDragging }">
    {{ item.name }}
  </div>
</draggable>

3. 在vuedraggable的事件处理函数中更新拖拽对象的属性，例如：

methods: {
  onDragstart(event) {
    const index = event.draggedContext.index;
    this.items[index].isDragging = true;
  },
  onDragend(event) {
    const index = event.draggedContext.index;
    this.items[index].isDragging = false;
  }
}

在这个例子中，当拖拽开始时，我们将isDragging属性设置为true，当拖拽结束时，我们将isDragging属性设置为false。这样我们就能够在拖拽时改变拖拽对象的属性了。