el-tree拖动限制同级之间才能拖动

在Element UI的el-tree组件中，如果你希望实现拖拽功能，并且限制节点只能在其同级之间移动，这通常涉及到dragstart、dragover、drop等拖拽事件的监听和处理。你可以使用`draggable`属性开启节点的可拖动性，并设置`allow-drag-down`和`allow-drag-up`为false来阻止向下或向上拖动。

在dragstart事件中，你需要记录下原始的parent-id，以便在drop事件中检查目标节点是否在同一层级。而在dragover和drop事件中，检查当前拖动元素的目标节点的parent-id是否等于原始parent-id，如果是则允许放置，否则不允许。

下面是一个简单的示例代码片段：

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

<script>
export default {
  data() {
    return {
      treeData: [...],
      defaultProps: { children: 'children', label: 'name' },
      // 假设nodeKey是每个节点的唯一标识符
      nodeKey: 'id'
    };
  },
  methods: {
    checkDrop(event) {
      const dragNode = event.dragNode;
      const targetNode = event.target;

      // 检查目标节点是否在同一层级
      return dragNode.parentId === targetNode.parentId;
    },
    handleDrop(event) {
      // 更新数据，将拖动后的节点移到新的位置
      this.treeData = moveNode(dragNode, targetNode);
    }
  }
}
</script>

请注意，这里假设你已经定义了一个`moveNode`函数来处理节点的移动并更新数据。