el-tree 滚动到指定位置
时间: 2023-10-05 08:14:58 浏览: 112
要将 el-tree 滚动到指定位置,可以使用 el-tree 组件的 scrollTo 方法。此方法需要传递一个参数,即要滚动到的节点的 key 值。下面是一个示例:
```html
<template>
<div>
<el-button @click="scrollToNode('node-3')">滚动到节点3</el-button>
<el-tree ref="tree" :data="treeData"></el-tree>
</div>
</template>
<script>
export default {
data() {
return {
treeData: [
{
id: 1,
label: "节点1",
children: [
{
id: 2,
label: "节点2",
children: [
{
id: 3,
label: "节点3"
}
]
}
]
}
]
};
},
methods: {
scrollToNode(key) {
const tree = this.$refs.tree;
const node = tree.getNode(key);
if (node) {
tree.scrollToNode(node);
}
}
}
};
</script>
```
在上面的示例中,我们使用了 el-button 组件来触发 scrollToNode 方法,该方法接收一个 key 参数,以确定要滚动到的节点。在方法中,我们首先获取了 el-tree 组件的实例,然后使用 getNode 方法来获取要滚动到的节点。如果找到了该节点,我们就可以使用 scrollToNode 方法将该节点滚动到可视区域内。