Tree组件,设置 defaultExpandAll为true即可展开所有节点,仅限于同步的数据
如果是异步加载的数据,是不会展开菜单节点的,原因
- tree初始化成功,节点正常展开
- 然后,异步数据再加载进来,也不会再次展开
- treeData初始化的时候,有一部分数据,然后再异步加载数据进来,也不会再次展开
异步加载数据
判断异步数据加载成功了,再初始化tree,就给tree加一个 v-if判断就好
- treeData无数据,就显示暂无数据 ```jsx const [dataSource, setDataSource] = useState([]);
if(!dataSource.length) { return null; }
return (
<a name="OXWy3"></a>
## vue
```vue
<template>
<Tree
v-if="treeData.length > 0"
:expandedKeys="expandedKeys"
:tree-data="treeData"
/>
</template>
<script>
export default {
data() {
return {
treeData: [],
expandedKeys: [1, 2],
};
},
created(){
setTimeout(()=>{
this.treeData = [
{
"id":1,
"title":"前端",
"children":[
{"id":11,"title":"html"},
{"id":12,"title":"css"},
{"id":13,"title":"javascript"}]
}
];
},5000);
},
};
</script>