el-tree改变字体颜色

你可以通过在 el-tree 组件中使用 `slot-scope` 和 `scoped-slot` 来自定义每个节点的样式。具体实现方式如下：

1. 首先，在 el-tree 组件中添加一个 `scoped-slot`，用于自定义每个节点的样式。

<template>
  <el-tree :data="data">
    <template v-slot:default="slotProps">
      <span :style="{color: slotProps.node.textColor}">{{ slotProps.node.label }}</span>
    </template>
  </el-tree>
</template>

2. 在每个节点的数据对象中添加一个 `textColor` 属性，用于控制该节点的字体颜色。

export default {
  data() {
    return {
      data: [
        {
          label: 'Node 1',
          children: [
            {
              label: 'Child 1',
              textColor: 'red' // 设置字体颜色为红色
            },
            {
              label: 'Child 2',
              textColor: 'blue' // 设置字体颜色为蓝色
            }
          ]
        },
        {
          label: 'Node 2',
          textColor: 'green' // 设置字体颜色为绿色
        }
      ]
    }
  }
}

这样，每个节点的字体颜色就可以根据 `textColor` 属性来动态改变了。