递归数组，给最里层的数据添加节点

最新推荐文章于 2024-07-22 23:12:07 发布

原创最新推荐文章于 2024-07-22 23:12:07 发布 · 282 阅读

0 ·

CC 4.0 BY-SA版权

对象数组的爱恨情仇专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一个使用递归方法来遍历并更新多级嵌套数组中子元素属性的示例。通过一个具体的Vue.js组件代码展示了如何对树形结构数据进行递归处理，实现了对所有叶子节点的children属性的更新。

data () {
  return {
    list: [{
      name: 'xiaoming',
      id: 1,
      children: [
        {
          name: 'xiaoming2',
          id: 2,
          children: []
        },
        {
          name: 'xiaoming3',
          id: 3,
          children: [
            {
              name: 'xiaoming5',
              id: 5
            },
            {
              name: 'xiaoming5',
              id: 5
            }
          ]
        }
      ]
    }]
  }
},
methods: {
 digui (arr) {
    arr.forEach(v => {
      if (v.children instanceof Array) {
        this.digui(v.children)
      } else {
        v.children = {
          text: 'haha',
          text2: 'xixi'
        }
      }
    });
  }
},
mounted () {
  this.digui(this.list);
  console.log(this.list)
}