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
网友评论