树结构使用实例---实现数组和树结构的转换

文章目录

  • 一、为什么要用树结构
  • 二、使用步骤
    • 1.引入相关json
    • 2.树结构的转换
  • 总结

一、为什么要用树结构?

本文将讲述一个实例,构造一棵树来实现数组和tree的转换,这在前端树结构中是经常遇到的

后端返回树结构方便管理,前端也只需要请求一次接口拿到所有数据

前端树转成数组后的效果图:

树结构使用实例---实现数组和树结构的转换_第1张图片

二、使用步骤

1.引入相关json

代码如下(示例):请下载资源

2.读入数据

代码如下(示例):









总结

使用递归把树转成列表数组,使得接口请求一次,前端自己组装结构

你可能感兴趣的:(vue.js)