Tree组件,设置 defaultExpandAll为true即可展开所有节点,仅限于同步的数据
如果是异步加载的数据,是不会展开菜单节点的,原因

  • tree初始化成功,节点正常展开
  • 然后,异步数据再加载进来,也不会再次展开
  • treeData初始化的时候,有一部分数据,然后再异步加载数据进来,也不会再次展开

异步加载数据

判断异步数据加载成功了,再初始化tree,就给tree加一个 v-if判断就好

  • treeData无数据,就显示暂无数据 ```jsx const [dataSource, setDataSource] = useState([]);

if(!dataSource.length) { return null; }

return ( );

  1. <a name="OXWy3"></a>
  2. ## vue
  3. ```vue
  4. <template>
  5. <Tree
  6. v-if="treeData.length > 0"
  7. :expandedKeys="expandedKeys"
  8. :tree-data="treeData"
  9. />
  10. </template>
  11. <script>
  12. export default {
  13. data() {
  14. return {
  15. treeData: [],
  16. expandedKeys: [1, 2],
  17. };
  18. },
  19. created(){
  20. setTimeout(()=>{
  21. this.treeData = [
  22. {
  23. "id":1,
  24. "title":"前端",
  25. "children":[
  26. {"id":11,"title":"html"},
  27. {"id":12,"title":"css"},
  28. {"id":13,"title":"javascript"}]
  29. }
  30. ];
  31. },5000);
  32. },
  33. };
  34. </script>