毫不犹豫投入了vue-table-with-tree-grid的怀抱
vue-table-with-tree-grid
npm中它的地址:https://www.npmjs.com/package/vue-table-with-tree-grid...递归处理树形数据
用树形数据的时候经常会需要为树形数据修改值,增加值之类的
示例
respose.data // 我是树形数据
//遍历
for (let i = 0, len = respose.data.length...for (let i = 0, len = node.children.length; i < len; i++) {
readTree(node.children[i])
}
}
}
原始数据转树形数据...//data为原始数据,root最大的根节点,idTxt为本身标识, pidTxt为父级标识, pushTxt为子级标识
getTree(data, root, idTxt, pidTxt, pushTxt...折叠"},
{"id":23,"pId":2,"name":"父节点23 - 折叠"},
{"id":3,"pId":0,"name":"父节点3 - 没有子节点"}
`
`
//处理后的数据