el-tree 点击子节点获取父节点ID
时间: 2024-12-02 18:07:53 浏览: 4
ElementUI中el-tree节点的操作的实现
`el-tree` 是 Element UI 中的一个组件,它是一个树形数据控件,常用于展示层级结构的数据。当你点击子节点时,Element UI 提供了一个事件 `@node-click`,在这个事件的回调函数中,你可以获取到被点击的节点信息,包括父节点 ID。
举个例子,在 Vue 的模板中,你可以这样使用:
```html
<template>
<el-tree
:data="treeData"
@node-click="handleNodeClick"
></el-tree>
</template>
<script>
export default {
methods: {
handleNodeClick(node) {
console.log('父节点 ID:', node.parent.id); // 获取父节点 ID
}
},
data() {
return {
treeData: ... // 初始化你的树形数据
};
}
}
</script>
```
这里的 `node.parent.id` 就是你需要的父节点 ID,你可以根据实际需求进行处理。
阅读全文