<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;
})
}
})
}
}, }

  

最新文章

  1. 控制EasyUI DataGrid高度
  2. 下拉菜单demo---参考阿里云首页顶部下拉菜单
  3. HDU 5877 dfs+ 线段树(或+树状树组)
  4. request.get request.GET……
  5. mysql慢查日志分析工具 percona-toolkit
  6. oracle备份表
  7. ?super T 和? extends T区别
  8. qstring.h赏析
  9. input的type属性
  10. PL/SQL简单实现数据库的连接
  11. Spring初始化ApplicationContext为null
  12. JDBC连接最新版Mysql数据库url设置
  13. websocket后台数据推送
  14. Python全栈开发之路 【第五篇】:Python基础之函数进阶(装饰器、生成器&amp;迭代器)
  15. JDK源码之ArrayList
  16. SpringMVC知识点
  17. 结巴分词和自然语言处理HanLP处理手记
  18. spring task的定时任务突然断了
  19. latex 转word
  20. react native 淘宝镜像

热门文章

  1. springboot多模块controller访问的问题
  2. .Net Core(.Net6)创建grpc
  3. 怎么在GridView中限制显示字数
  4. SpringBoot 整合Thymeleaf 、Thymeleaf常用标签
  5. Error querying database. Cause: java.sql.SQLSyntaxErrorException: Unknown column &#39;xxx&#39; in &#39;where clause&#39;
  6. JZOJ 4314. 【NOIP2015模拟11.4】老司机
  7. 免杀之:C# XOR Shellcode
  8. git添加多账户(附带tortoiseGit多账号使用)
  9. 带你认识3个J.U.C组件扩展
  10. html(Angular) 调用本地安装exe程序