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

最新推荐文章于 2023-06-29 09:52:30 发布

原创

最新推荐文章于 2023-06-29 09:52:30 发布 · 514 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js

本文详细介绍了如何使用JavaScript的递归方法遍历并操作复杂层级的数据结构，展示了如何将子部门成员合并到父节点，同时处理了空值和标记禁用状态的过程。

说明：

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