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

要循环修改树形数据属性名，可以使用递归函数来实现。具体步骤如下：

1. 创建一个递归函数，接收一个参数，代表当前节点。
2. 在函数内部，遍历当前节点的所有属性，如果属性值是一个对象，则递归调用函数。
3. 对于每一个属性，判断它的属性名是否需要修改，如果需要修改，则使用 Vue.set() 方法来修改属性名。
4. 遍历完当前节点的所有属性后，返回当前节点。

下面是一个示例代码，假设要将树形数据中的 name 属性改为 label 属性：

function renameProperty(node) {
  Object.keys(node).forEach(key => {
    const value = node[key]
    if (typeof value === 'object') {
      node[key] = renameProperty(value)
    }
    if (key === 'name') {
      Vue.set(node, 'label', value)
      Vue.delete(node, 'name')
    }
  })
  return node
}

// 调用示例
const modifiedData = renameProperty(originalData)

在这个示例代码中，我们使用了 Vue.set() 和 Vue.delete() 方法来修改属性名。这是因为在 Vue.js 中，如果要修改已存在的属性名，直接赋值是无效的，需要使用这两个方法来实现。