el-tree 点击父级或者父级的checkbox,展开所有子集
2024-10-21 12:56:20
<el-tree
:data="authData"
show-checkbox
:check-strictly="true"
:check-on-click-node="true"
node-key="_id"
ref="yourTreeId"
@check-change="getCheckedKeys"
highlight-current :props="defaultProps"
:filter-node-method="filterAuthData"
@check="handleCheck"
>
</el-tree>
methods: {
//点击父级展开所有子菜单
handleCheck(data){
let expandedData = this.$refs.yourTreeId.store.nodesMap;
expandedData[data._id].expanded = true;
if(data?.children?.length){ //有多少层子集,循环多少次
data?.children?.map(obj=>{
expandedData[obj._id].expanded = true;
if(obj?.children?.length){
obj.children.map(obj2=>{
expandedData[obj2._id].expanded = true;
})
}
})
}
}, }
最新文章
- 控制EasyUI DataGrid高度
- 下拉菜单demo---参考阿里云首页顶部下拉菜单
- HDU 5877 dfs+ 线段树(或+树状树组)
- request.get request.GET……
- mysql慢查日志分析工具 percona-toolkit
- oracle备份表
- ?super T 和? extends T区别
- qstring.h赏析
- input的type属性
- PL/SQL简单实现数据库的连接
- Spring初始化ApplicationContext为null
- JDBC连接最新版Mysql数据库url设置
- websocket后台数据推送
- Python全栈开发之路 【第五篇】:Python基础之函数进阶(装饰器、生成器&;迭代器)
- JDK源码之ArrayList
- SpringMVC知识点
- 结巴分词和自然语言处理HanLP处理手记
- spring task的定时任务突然断了
- latex 转word
- react native 淘宝镜像
热门文章
- springboot多模块controller访问的问题
- .Net Core(.Net6)创建grpc
- 怎么在GridView中限制显示字数
- SpringBoot 整合Thymeleaf 、Thymeleaf常用标签
- Error querying database. Cause: java.sql.SQLSyntaxErrorException: Unknown column &#39;xxx&#39; in &#39;where clause&#39;
- JZOJ 4314. 【NOIP2015模拟11.4】老司机
- 免杀之:C# XOR Shellcode
- git添加多账户(附带tortoiseGit多账号使用)
- 带你认识3个J.U.C组件扩展
- html(Angular) 调用本地安装exe程序