el-tree 获取当前选中节点的信息
时间: 2023-11-15 07:50:12 浏览: 142
获取el-table表格中选中行的数据
el-tree是Element-ui提供的一个树形组件,用于展示树形结构的数据。要获取当前选中节点的信息,可以通过监听el-tree的node-click事件,参数中会包含被点击节点的信息。在事件回调函数中,可以获取到当前选中节点的id、label等信息。以下是一个示例代码片段:
```html
<template>
<el-tree :data="data" @node-click="handleNodeClick"></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
id: 1,
label: '节点1',
children: [
{
id: 11,
label: '节点1-1'
},
{
id: 12,
label: '节点1-2'
}
]
},
{
id: 2,
label: '节点2'
}
]
};
},
methods: {
handleNodeClick(data) {
console.log(data); // 当前选中节点的信息
}
}
};
</script>
```
在上述示例中,通过监听node-click事件,在handleNodeClick方法中可以获取到当前选中节点的信息,可以根据需要进行后续处理。
阅读全文