el-tree获得选中节点的父节点
时间: 2023-07-20 14:46:09 浏览: 957
您好!如果您使用的是 Element UI 的 el-tree 组件,可以通过监听节点选中事件(node-click)来获取选中节点的父节点。具体实现代码如下:
```html
<template>
<el-tree
:data="data"
@node-click="handleNodeClick"
:props="defaultProps">
</el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
label: '一级 1',
children: [
{
label: '二级 1-1'
},
{
label: '二级 1-2'
}
]
},
{
label: '一级 2',
children: [
{
label: '二级 2-1'
},
{
label: '二级 2-2'
}
]
}
],
defaultProps: {
children: 'children',
label: 'label'
}
};
},
methods: {
handleNodeClick(data, node) {
// 获取选中节点的父节点
const parent = node.parent;
console.log('选中节点的父节点:', parent);
}
}
};
</script>
```
在上面的代码中,通过 `node.parent` 可以获取选中节点的父节点。如果选中的是根节点,则 `node.parent` 返回 null。希望能够帮助到您!
阅读全文