vue3 循环修改树形数据属性名

你可以使用递归函数遍历整个树形结构，对每个节点进行属性名修改。具体实现可以参考下面的代码：

function renameProp(node, oldProp, newProp) {
  if (node.hasOwnProperty(oldProp)) {
    Object.defineProperty(node, newProp, Object.getOwnPropertyDescriptor(node, oldProp));
    delete node[oldProp];
  }
  for (let key in node) {
    if (typeof node[key] === 'object' && node[key] !== null) {
      renameProp(node[key], oldProp, newProp);
    }
  }
}

// 示例数据
const data = {
  name: 'root',
  children: [
    {
      name: 'child1',
      children: [
        {
          name: 'grandchild1'
        },
        {
          name: 'grandchild2'
        }
      ]
    },
    {
      name: 'child2',
      children: [
        {
          name: 'grandchild3'
        },
        {
          name: 'grandchild4'
        }
      ]
    }
  ]
};

// 修改属性名
renameProp(data, 'name', 'label');

// 输出修改后的数据
console.log(data);

在上面的代码中，`renameProp` 函数接受三个参数：`node` 表示当前节点，`oldProp` 表示要修改的属性名，`newProp` 表示修改后的属性名。首先，函数会判断当前节点是否包含要修改的属性名，如果包含，则使用 `Object.defineProperty` 方法将属性名修改为新的属性名，然后删除旧的属性名。接下来，函数会遍历当前节点的所有子节点，如果子节点是对象，则递归调用 `renameProp` 函数进行属性名修改。

需要注意的是，上面的代码只会修改对象自身的属性名，不会修改原型链上的属性名。如果需要修改原型链上的属性名，可以使用 `Object.getOwnPropertyNames` 和 `Object.getPrototypeOf` 方法递归遍历原型链。