Vue将将后端返回的list数据转化为树结构的实现

更新时间：2022年05月13日 08:57:03 作者：~疆

本文主要介绍了Vue将将后端返回的list数据转化为树结构的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

下载

cnpm i -S array-to-tree

引入

import arrayToTree from "array-to-tree";

使用

    const pidData = [
      { name: "aa", id: "1", pid: null },
      { name: "bb", id: 2, pid: 1 },
      { name: "cc", id: 3, pid: "" },
      { name: "dd", id: 4, pid: 3 },
      { name: "ee", id: 5, pid: "3" },
    ];
    const result = arrayToTree(pidData, {
      parentProperty: "pid",
      customID: "id",
      childrenProperty: "children",
    });
    console.log(result);

到此这篇关于Vue将将后端返回的list数据转化为树结构的文章就介绍到这了,更多相关Vue将将后端返回的list数据转化为树结构内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

vue-cli脚手架config目录下index.js配置文件的方法
下面小编就为大家分享一篇vue-cli脚手架config目录下index.js配置文件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-03-03
vue3实现手机上可拖拽元素的组件
这篇文章主要介绍了vue3实现手机上可拖拽元素的组件，用vue3实现一个可在手机上拖拽元素的组件，可拖拽至任意位置，并且可以防止拖拽元素移出屏幕边缘
2022-09-09
vue3下watch的使用方法示例
vue3中的watch是一个组合式的API使用时需要引入,下面这篇文章主要给大家介绍了关于vue3下watch使用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-03-03
Vue中img的src是动态渲染时不显示的解决
今天小编就为大家分享一篇Vue中img的src是动态渲染时不显示的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-11-11
vue实现点击当前标签高亮效果【推荐】
这篇文章主要介绍了vue实现点击当前标签高亮效果的思路详解，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧
2018-06-06
Vue3.2 setup语法糖及Hook函数基本使用
这篇文章主要为大家介绍了Vue3.2 setup语法糖及Hook函数基本使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-07-07
antd table按表格里的日期去排序操作
这篇文章主要介绍了antd table按表格里的日期去排序操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-11-11
Vue3中使用ref标签对组件进行操作方法
这篇文章主要介绍了Vue3中使用ref标签对组件进行操作方法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2023-04-04
vue前端RSA加密java后端解密的方法实现
本文主要介绍了vue前端RSA加密java后端解密的方法实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-02-02
vue vant中picker组件的使用
这篇文章主要介绍了vue vant中picker组件的使用说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-11-11