el-tree 调用api.js
时间: 2023-10-19 13:02:55 浏览: 93
调用 el-tree 的 API 可以在 Vue 组件中通过 `this.$refs` 获取到组件实例,然后调用对应的 API 方法。
例如,在组件中定义一个 `el-tree` 并给其设置 `ref` 属性:
```
<template>
<div>
<el-tree :data="treeData" ref="myTree"></el-tree>
</div>
</template>
```
然后在组件的 `methods` 中可以通过 `$refs` 获取到 `el-tree` 组件实例,并调用其对应的方法:
```
<script>
export default {
data() {
return {
treeData: [
{
label: '一级节点 1',
children: [
{
label: '二级节点 1-1'
},
{
label: '二级节点 1-2'
}
]
},
{
label: '一级节点 2',
children: [
{
label: '二级节点 2-1'
},
{
label: '二级节点 2-2'
}
]
}
]
};
},
methods: {
// 获取选中节点的信息
getSelectedNodeInfo() {
const selectedNode = this.$refs.myTree.getCurrentNode();
console.log(selectedNode.label);
}
}
};
</script>
```
在上述例子中,`getSelectedNodeInfo` 方法通过 `this.$refs.myTree` 获取到 `el-tree` 组件实例,然后调用 `getCurrentNode` 方法获取当前选中节点的信息。
阅读全文