elment树形控件获取拖拽后树的全部数据

在Vue.js的Element UI库中，Tree组件允许用户通过拖放功能对节点进行操作。当用户完成拖拽后，要获取整个调整后的树形数据，你可以借助`@drop`事件处理程序。这个事件会在节点成功放置到目标位置时触发。

首先，你需要在你的Tree组件上设置`draggable`属性为`true`，并监听`@drop`事件：

<template>
  <el-tree
    :data="treeData"
    :props="defaultProps"
    :draggable="true"
    @drop="handleDrop"
  ></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: ... // 初始化你的树形数据
      defaultProps: {} // 树节点默认的prop配置
    };
  },
  methods: {
    handleDrop(event, node, data) { // node是被拖动的节点，data是拖动的数据
      // 在这里处理拖拽后的新树结构，例如更新数据源
      const newNode = ... // 新建或修改后的节点
      this.treeData = updateTree(this.treeData, node.key, newNode);
      
      // 提交到服务器或保存到本地，具体看你需求
      saveNewTreeStructure(this.treeData);
    }
  }
}
// 其他辅助函数如updateTree和saveNewTreeStructure需自行编写
</script>

`updateTree`函数可以根据实际需求来创建新的树结构，并替换原有的部分。`saveNewTreeStructure`则是将新树结构持久化存储的地方，这可以是一个数组操作、数据库调用或者是Vuex的状态管理等。