列转树--聪明一点的方法

原创于 2021-12-14 21:51:01 发布

· 800 阅读

0 ·

版权

文章标签：

#linq #c# #wpf

该博客展示了如何在Vue组件中利用Linq库处理树形数据。代码创建了一个名为`Tree`的组件，通过Linq从`treeData`导入的数据中筛选出树的第一级、第二级节点，并构建了相应的子节点结构。内容涉及到递归处理和数据过滤，适用于前端数据组织和展示场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <div class="tree">
    <pre>{{ filterTreeFirst }}</pre>
  </div>
</template>

<script>
import treeData from "../../testData";
import enumerable from "linq";

export default {
  name: "Tree",
  data() {
    return {
      filterTreeFirst: [],
      filterTreeSecond: []
    }
  },
  created() {
    this.filterTreeFirst = enumerable.from(treeData).where(item => item.Pid == undefined
        || item.Pid == '' || item.Pid == null).select(para => ({
      Id: para.Id,
      Name: para.Name,
      children: enumerable.from(treeData).where(iii => iii.Pid == para.Id).select(mmm => ({
        Id: mmm.Id,
        Pid: mmm.Pid,
        Name: mmm.Name,
        children: enumerable.from(treeData).where(third=>third.Pid==mmm.Id).select(thirdItem=>({
          Id:thirdItem.Id,
          Pid:thirdItem.Pid,
          Name:thirdItem.Name
        })).toArray()
      })).toArray()
    })).toArray()


  }
}
</script>

<style scoped>

</style>


Id: "LogType"
Value: "Operate"