递归函数 vue 树形结构数据

vue 同时被 3 个专栏收录
2 篇文章 0 订阅
2 篇文章 0 订阅
2 篇文章 0 订阅

树形结构数据 递归函数 vue

  1. 数据结构
let arr = [
	{
		name: '第一级',
		id:1,
		children: [
			{
				name: '第二级',
				id:12,
				children: [
					{
						name: '第三级',
						id:13,
						children:[
							{
								name:'第四级',
								id:14
							}
						]
					},
				]
			},
		],
	},
	{
		name:'第一级',
		id:2,
		children:[
			{
				name:'第二级',
				id:21
			}
		]
	}
]

this.calleArr(arr)

2.封装的方法

calleArr(arr){
	for(var i=0; i<arr.length; i++){
		var data=arr[i];
		if(data.children){//是否还有下级
			data.name=data.name+"--name1";
			this.calleArr(data.children) //自己调用自己
		}else{
			data.name=data.name+"--最后一个";
		 }
	}
	console.log(arr,'arr============')
}
  • 0
    点赞
  • 0
    评论
  • 4
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值