Vue 当前文件夹拖动数据

您可以使用HTML5的拖放API来实现Vue文件夹拖动数据的功能。下面是一个简单的实现方式：

1. 在Vue中添加一个文件夹组件。

2. 在组件中添加一个div元素，用于拖放文件夹。

3. 给div元素绑定dragstart、dragover、drop等事件。

4. 在dragstart事件中设置数据传递的格式和传递的数据。

5. 在dragover事件中阻止默认行为。

6. 在drop事件中获取传递的数据，并进行相应的操作。

下面是一个示例代码：

<template>
  <div class="folder" @dragover.prevent @drop="dropHandler">
    <slot></slot>
  </div>
</template>

<script>
export default {
  methods: {
    dragStartHandler(event) {
      event.dataTransfer.setData("text/plain", "folder");
    },
    dropHandler(event) {
      let data = event.dataTransfer.getData("text/plain");
      if (data === "folder") {
        // 处理文件夹拖动数据
        console.log("处理文件夹拖动数据");
      }
    },
  },
  mounted() {
    let folder = this.$el;
    folder.addEventListener("dragstart", this.dragStartHandler);
  },
};
</script>

在上述代码中，我们定义了一个文件夹组件，其中绑定了dragover和drop事件。在dragStartHandler方法中，我们设置了数据传递的格式和传递的数据。在dropHandler方法中，我们获取传递的数据，并进行相应的操作。

可以根据实际需求修改代码，实现更完善的文件夹拖动数据的功能。