说明:

此篇只记录如何用JavaScript递归处理数据,效果图参考 仅使用for循环遍历数据,点此跳转

        getDepartmentMember() {this.$axios({url: window.config.baseUrl + '/xx',method: 'GET',params: {},headers: {MyToken: this.token,},}).then(res => {if (res.data.code === 200) {let resData = res.data.data;this.recursive(resData)this.departmentMemberList = resData;}})},recursive(data) {data.forEach(value => {if (value.subDepartmentList) {value.employees = value.subDepartmentList;this.recursive(value.subDepartmentList)} else {if (value.employees) {value.employees.forEach(item => {item.departmentName = item.employeeName;item.departmentId = item.employeeId;})} else {value.disabled = true;}}})},

递归实现在级联选择器中选择部门下的人员相关推荐

  1. 级联选择器el-cascader处理复杂数据(四层、五层数据),回显部门以及部门下的人员

    注意:参考第五层的数据处理比较nice 当级联选择器需要绑定的数组不再是简易数据,props涉及的字段不再是一个,而是列表里面套列表 比如,我想要获取部门以及下面的员工,如何显示?如下图1所示,后端返 ...

  2. java如何读取下拉列表的值_java - 如何在Selenium 2中选择/获取下拉选项

    java - 如何在Selenium 2中选择/获取下拉选项 我正在将我的selenium 1代码转换为selenium 2,并且无法找到在下拉菜单中选择标签的任何简单方法或获取下拉列表的选定值. 你 ...

  3. elementui级联选择器

    element-ui 级联选择器 Cascader 选择任意一级选项去掉圆圈和点击label标签可选,选择完之后下拉框自动回收 解决方法: 1. 这样的话效果是实现了,但是存在两个问题: 1.只能点击 ...

  4. element-ui中Cascader 级联选择器组件使用(默认选择是value(id),还想要获取label(name值))

    我的需求是一个下拉框选中城市(先选中省-对应市显示-选中显示在下拉框中)注:区不要 但是我之前封装了一个三级联动的,所以我需要重新封装一个: cityMap.js const map = {11000 ...

  5. antd——a-tree-select 树形选择控件 与 a-cascader 级联选择器 的对比——技能提升

    在遇到 省市区多级联动数据的时候,经常会用到的就是 a-cascader级联选择器. 1.级联选择器的使用方法 1.1 需要指定数据源--options 数据结构是 对象数组嵌套--value/lab ...

  6. 修改element组件库中Cascader级联选择器下拉列表的默认样式

    在保证不影响其他页面中Cascader样式的情况下(首先就不能删除scoped),如果css用到less预处理器,想到的第一个解决办法就是用深度选择器">>>" ...

  7. vue中级联选择器回填_浅谈Vue使用Cascader级联选择器数据回显中的坑

    业务场景 由于项目需求,需要对相关类目进行多选,类目数据量又特别大,业务逻辑是使用懒加载方式加载各级类目数据,编辑时回显用户选择的类目. 问题描述 使用Cascader级联选择器过程中主要存在的应用问 ...

  8. jquery选择器连续选择_JQuery中的选择器

    jquery选择器连续选择 It's time to write some JQuery now. Do check out the introductory article on JQuery fi ...

  9. elementui级联选择器空children导致选择无法显示的问题

    问题 elementui接收树形结构的数据并用级联选择器显示时,后端会对每一个结点都加一个children属性,导致显示错误并且选择无效. 解决方式 这个时候,既可以前端工程循环遍历将children ...

最新文章

  1. 联发科首发台积电4nm,新旗舰多核跑分与苹果A15不相上下,网友:MTK也要Yes了?...
  2. java使用三种循环打印99表_编程题:利用for循环打印 9*9 表
  3. 历史需要重写?AlexNet之前,早有算法完成计算机视觉四大挑战
  4. jq之hover()
  5. 生物科研神器!30分钟把人家一天的工作都给干完了!
  6. UWP通过机器学习加载ONNX进行表情识别
  7. CUDA + QT Creator + Win7的集成
  8. bzoj2763 [JLOI2011]飞行路线
  9. Unity3D脚本编程读书笔记——第3章 Unity 3D 脚本语言的类型系统
  10. 阿里巴巴java开发手册心得_阿里巴巴JAVA开发手册总结
  11. 12生肖年份c语言,12生肖在什么年份最好运
  12. 牛客练习赛107 A~D除C
  13. DETR3D模型源码导读 MMDetection3D构建流程
  14. (转)ENVI端元提取(MNF→PPI→n-D Visualizer)
  15. InnoDB Persistent Statistics问题
  16. Unity实现签到系统
  17. 论文投稿指南——中文核心期刊推荐(计算机技术)
  18. vue实现生成二维码,并生成图片
  19. wangEditor 生成的表格在页面不显示边框
  20. 计算机科学导论实验(一)

热门文章

  1. Fabric交易流程
  2. window系统 node.js安装 (node-v14安装配置、node-v16及其他版本安装配置)
  3. 标准ACL,扩展ACL
  4. linux cp acp,Windows上的字符转换之CP_ACP和CP_OEMCP
  5. SMSS打开界面闪退的解决方案
  6. matlab赌徒破产模型转移矩阵,[转载]【转】生成土地利用变化转移矩阵的方法
  7. MISRA 2004 VS MISRA 2012
  8. ETM地形编辑DEMO运行时出错问题
  9. Python面向对象编程(类编程)中self的含义详解(简单明了直击本质的解释)
  10. 我的hihocoder存代码