Implémentation récursive de la sélection du personnel sous les départements dans les sélecteurs en cascade

illustrer:

Cet article explique uniquement comment utiliser JavaScript pour traiter les données de manière récursive. La référence de rendu utilise uniquement une boucle for pour parcourir les données . Cliquez ici pour accéder.

 

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