在用vue+elementUI做管理系统时会使用到UI组件库中的Tree组件,就需要将获取到的扁平的数据转换成树形数据才好使用组件库中的Tree,这个函数可以转成三级Tree,函数如下
// 扁平化数据树形化 transTree(arr, rootCode) { // 定义存储树形数据的空数组 const tree = []; arr.forEach(item => { // 判断是否是父节点 if (item.parentcode == rootCode) { const children = this.transTree(arr, item.code); children.length > 0 ? (item.children = children) : 0; tree.push(item); } }) return tree; },
这是转换前后的数据对比
在使用Tree组件时可以专门给它使用一个参数记录需要渲染的数据,这样子就可以避免在处理需要渲染的数据会污染源数据
标签:扁平化,Tree,item,树形,组件,数据,children,三级 From: https://www.cnblogs.com/grapefruitZ/p/16775737.html