el-tree点击勾选框展开下方全部子节点
时间: 2023-08-23 11:14:08 浏览: 141
要实现el-tree点击勾选框展开下方全部子节点的功能,可以使用以下方法:
在el-tree组件上添加show-checkbox和default-expand-all属性,如下所示:
```html
<el-tree :data="data" show-checkbox default-expand-all></el-tree>
```
其中,show-checkbox属性用于显示勾选框,default-expand-all属性用于默认展开所有节点。
这样,当你点击勾选框时,下方的全部子节点都会展开。
#### 引用[.reference_title]
- *1* *2* [el-tree设置利用setCheckedNodessetCheckedKeys默认勾选节点,以及通过setChecked新增勾选指定节点](https://blog.csdn.net/m0_67391121/article/details/126099742)[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]
- *3* [el-tree取消特定叶子节点与上级的勾选联动](https://blog.csdn.net/qq_34295211/article/details/104594686)[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 ]
阅读全文