<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"
列转树--聪明一点的方法
最新推荐文章于 2025-11-25 08:50:12 发布
该博客展示了如何在Vue组件中利用Linq库处理树形数据。代码创建了一个名为`Tree`的组件,通过Linq从`treeData`导入的数据中筛选出树的第一级、第二级节点,并构建了相应的子节点结构。内容涉及到递归处理和数据过滤,适用于前端数据组织和展示场景。
903

被折叠的 条评论
为什么被折叠?



