vue实现el-tree操作后默认展开该节点和同级节点拖拽并进行前后端排序

要在Vue中实现el-tree（假设这里指的是Element UI的el-tree组件）操作后默认展开该节点以及启用节点拖拽并进行前后端排序，你可以使用以下的方法：

1. 默认展开节点：你可以使用default-expanded-keys属性来设置默认展开的节点。
2. 拖拽功能：使用draggable属性来启用节点拖拽功能。
3. 前后端排序：需要监听节点拖拽的事件，并在事件处理函数中发送请求到后端进行排序。

以下是一个简单的例子：

<template>
  <el-tree
    :data="treeData"
    node-key="id"
    default-expand-all
    :expand-on-click-node="false"
    :default-expanded-keys="defaultExpandedKeys"
    draggable
    @node-drop="handleDrop"
  >
  </el-tree>
</template>
 
<script>
export default {
  data() {
    return {
      treeData: [
        // ... 树形结构的数据
      ],
      defaultExpandedKeys: []
    };
  },
  methods: {
    handleDrop(draggingNode, dropNode, dropType, ev) {
      // 发送请求到后端进行排序
      const data = {
        draggingId: draggingNode.data.id,
        dropId: dropNode.data.id,
        dropType: dropType
      };
      // 假设的后端排序接口
      this.$http.post('/sort-tree-nodes', data).then(response => {
        // 处理响应，如更新treeData
      });
    }
  }
};
</script>

在这个例子中，default-expanded-keys属性被用来设置默认展开的节点集合，default-expand-all属性用来设置所有节点默认展开，expand-on-click-node属性用来禁止点击节点时的展开/折叠行为。draggable属性启用拖拽功能，@node-drop事件用来监听节点拖拽后的事件，并在事件处理函数中调用后端API进行排序处理。

请注意，你需要根据你的后端API来修改handleDrop方法中的请求细节。这个例子假设你有一个/sort-tree-nodes的接口来处理排序逻辑。