el-tree 节点拖拽到别的元素
时间: 2023-08-04 18:02:42 浏览: 230
我理解您的问题是关于 el-tree 组件节点拖拽到其他元素的问题。在 el-tree 组件中,可以通过设置 draggable 属性为 true 来启用节点的拖拽功能。当节点被拖拽时,可以通过监听 el-tree 的 dragstart 和 dragend 事件来获取拖拽的起始节点和目标节点信息。具体操作如下:
1. 设置节点的 draggable 属性为 true:
```html
<el-tree :data="data" :props="defaultProps" :draggable="true"></el-tree>
```
2. 监听 el-tree 的 dragstart 和 dragend 事件:
```js
<template>
<el-tree :data="data" :props="defaultProps" :draggable="true" @dragstart="handleDragStart" @dragend="handleDragEnd"></el-tree>
</template>
<script>
export default {
methods: {
handleDragStart(node, e) {
// 获取起始节点信息
console.log('drag start', node);
},
handleDragEnd(node, e) {
// 获取目标节点信息
console.log('drag end', node);
}
}
};
</script>
```
在拖拽结束时,可以根据目标节点的信息进行相应的处理,例如将拖拽的节点插入到目标节点中或者将拖拽的节点移动到目标节点的位置上。
希望这个回答能够解决您的问题。
阅读全文