el-tree expandNode
时间: 2023-08-23 16:17:06 浏览: 122
el-tree的expandNode函数用于展开节点。但是需要注意的是,如果在expandNode函数中没有设置loaded为true,那么再次点击小三角时仍然会调用expandTreeNode,会导致数据重新加载,加载后所有子节点的expanded属性被重置为false,即记不住原来的展开还是不展开状态,子节点全部变成不展开。\[2\]
为了实现动态加载,需要选择lazy加载模式,并定义加载时使用的方法。在el-tree组件中,可以通过设置load属性来指定加载方法。例如:
```html
<el-tree
...
:load="expandTreeNode"
lazy
...
></el-tree>
```
在expandTreeNode方法中,可以根据节点的level和data属性来判断是否需要加载子节点。如果节点的level为0,表示根节点,可以直接返回一个空数组来表示没有子节点。如果节点的data属性中的childGetFlag为0,表示还未获取子节点,可以在此处自定义获取子节点的方法。如果节点的data属性中的childGetFlag为1,表示已经获取了子节点,可以直接返回子节点数组。\[3\]
#### 引用[.reference_title]
- *1* [element el-tree折叠收缩](https://blog.csdn.net/qq_30907845/article/details/123842746)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [el-tree动态加载、指定节点展开](https://blog.csdn.net/weixin_50552284/article/details/114693731)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文