el-tree获取点击的节点
时间: 2023-10-15 12:08:29 浏览: 113
对于 el-tree 组件来说,要获取点击的节点可以通过监听 el-tree 的 node-click 事件来实现。在事件处理函数中,可以使用参数 payload 来获取点击的节点信息。以下是一个示例代码:
```html
<template>
<el-tree
:data="treeData"
@node-click="handleNodeClick"
></el-tree>
</template>
<script>
export default {
data() {
return {
treeData: [
{
label: 'Node 1',
children: [
{
label: 'Node 1-1'
},
{
label: 'Node 1-2'
}
]
},
{
label: 'Node 2',
children: [
{
label: 'Node 2-1'
},
{
label: 'Node 2-2'
}
]
}
]
};
},
methods: {
handleNodeClick(payload) {
const clickedNode = payload.node;
console.log(clickedNode);
}
}
};
</script>
```
在上述代码中,el-tree 组件绑定了 node-click 事件,并在事件处理函数 `handleNodeClick` 中获取了点击的节点信息,通过 `payload.node` 可以获取点击的节点对象。你可以根据实际需求,对点击的节点进行进一步操作。
阅读全文