美文网首页
Vue el-tree javascript 将数据组装成树结构

Vue el-tree javascript 将数据组装成树结构

作者: 赛亚人之神 | 来源:发表于2019-06-13 14:40 被阅读0次
toTree(config) {
        // 删除 所有 children,以防止多次调用
        config.data.forEach(function(item) {
            delete item.children;
        });
        // 将数据存储为 以 id 为 KEY 的 map 索引数据列
        var map = {};
        config.data.forEach(function(item) {
            // 树 的label
            item.label = item[config.nodeName];
            map[item[config.nodeId]] = item;
        });
        var val = [];
        config.data.forEach(function(item) {
            // 以当前遍历项,的pid,去map对象中找到索引的id
            var parent = map[item[config.parentId]];
            // 如果找到索引,那么说明此项不在顶级当中,那么需要把此项添加到,他对应的父级中
            if (parent) {
            (parent.children || (parent.children = [])).push(item);
            } else {
            //如果没有在map中找到对应的索引ID,那么直接把 当前的item添加到 val结果集中,作为顶级
            val.push(item);
            }
        });
        return val;
    },

相关文章

网友评论

      本文标题:Vue el-tree javascript 将数据组装成树结构

      本文链接:https://www.haomeiwen.com/subject/cohsfctx.html