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

说明：

此篇只记录如何用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;
                        }
                    }
                })
            },