element---tree树形结构（返回的数据与官方的不一样）

小叮当仁不让

已于 2024-03-08 10:57:53 修改

阅读量753

点赞数 2

分类专栏：解决前端小问题文章标签：前端 javascript vue.js

于 2024-03-08 10:57:33 首次发布

本文链接：https://blog.youkuaiyun.com/qq_44971069/article/details/136555930

版权

文章讨论了在项目中，后端返回的数据格式与El-Tree组件所需的默认树形数据结构不匹配，介绍了如何通过调整`defaultProps`来适应后端返回的嵌套`child`数据，以实现数据的正确展示。

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

项目中要用到属性结构数据，后端返回的数据不是官方默认的数据结构：

		<el-tree
          :data="treeData"
          :filter-node-method="filterNode"
          :props="defaultProps"
          @node-click="handleNodeClick"
        ></el-tree>

这是文档默认的树形数据结构：

data: [{
   
          label: '一级 1',
          children: [{
   
            label: '二级 1-1',
            children: [

最低0.47元/天解锁文章