树形结构数据的扁平化思想

476 阅读1分钟

1、当后端返回的数据是树形结构时,我们需要从中显示每一级对应的数据,这时候就需要用到扁平化思想。

例如:每一级为一个模块,不能采用v-for循环显示在页面中;或者级联选择器当数据回现选需要根据最后一级获取前几级的数据等。

2、解决方法

(1)三级或三级以上

image.png 其结构大致为:[[{}, {}, {}], [{}, {}, {}], [{}, {}, {}, {}],...],数组第一项为第一级,第二项为第二级,以此类推

(2)两级

image.png 其结构大致伟: [{}, {}, {}, {}, {},...],