el-tree选中样式

el-tree 是 Element UI 框架中的一个组件，用于展示树形数据。如果你想要为 el-tree 中的节点添加选中样式，你可以使用以下步骤：

1. 首先，在 el-tree 的数据源中为每个节点添加一个属性，用于记录节点是否被选中。例如，你可以在每个节点对象中添加一个属性 `isSelected`，初始值为 `false`。

2. 接下来，可以利用 el-tree 的 `node-key` 属性来设置每个节点的唯一标识符，通常使用节点对象中的某个唯一属性作为标识符。确保每个节点的标识符是唯一的。

3. 然后，在 el-tree 的 `node-class` 属性中绑定一个方法，用于动态设置节点的样式类。这个方法会接收到当前节点的数据对象作为参数。

4. 在这个方法中，你可以根据节点的 `isSelected` 属性来判断是否添加选中样式。如果节点被选中，返回一个包含选中样式类的字符串；否则返回空字符串。

5. 最后，在 el-tree 中设置 `default-expand-all` 属性为 `true`，以确保所有节点都展开。

下面是一个示例代码：

<el-tree
  :data="treeData"
  :node-key="node => node.id"
  :node-class="setNodeClass"
  :default-expand-all="true"
>
</el-tree>

data() {
  return {
    treeData: [
      { id: 1, label: 'Node 1', isSelected: false },
      { id: 2, label: 'Node 2', isSelected: true },
      // 其他节点...
    ]
  };
},
methods: {
  setNodeClass(node) {
    return node.isSelected ? 'selected-node' : '';
  }
}

在上面的示例代码中，`setNodeClass` 方法根据节点的 `isSelected` 属性决定是否添加 `selected-node` 样式类。你可以根据自己的需求修改选中样式类的名称，并在 CSS 中定义对应的样式。