vue 怎么将树形结构的数组所有字段名label更改为text？

可以使用 Vue.js 中的 computed 属性和递归函数来实现将树形结构的数组所有字段名 label 更改为 text 的功能。

具体实现步骤如下：

1. 在 data 中定义一个树形结构的数组，其中每个节点都有一个 label 字段。

data() {
  return {
    treeData: [
      {
        label: '节点1',
        children: [
          {
            label: '节点1-1',
            children: []
          },
          {
            label: '节点1-2',
            children: []
          }
        ]
      },
      {
        label: '节点2',
        children: []
      }
    ]
  }
}

2. 在 computed 属性中定义一个递归函数，用于将树形结构的数组中所有节点的 label 字段更改为 text 字段。

computed: {
  treeDataText() {
    const renameLabelToText = node => {
      const newNode = {}
      for (const key in node) {
        if (key === 'label') {
          newNode.text = node.label
        } else if (key === 'children') {
          newNode.children = node.children.map(child => renameLabelToText(child))
        } else {
          newNode[key] = node[key]
        }
      }
      return newNode
    }
    return this.treeData.map(node => renameLabelToText(node))
  }
}

3. 在模板中使用重命名后的树形结构数组。

<template>
  <div>
    <ul>
      <li v-for="node in treeDataText">
        {{ node.text }}
        <ul v-if="node.children.length">
          <li v-for="child in node.children">
            {{ child.text }}
          </li>
        </ul>
      </li>
    </ul>
  </div>
</template>

这样，就可以将树形结构的数组所有字段名 label 更改为 text。