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><Treev-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>
