el-tree 设置高亮

要在 el-tree 中设置高亮，你可以使用 `highlight-current` 属性。将 `highlight-current` 设置为 `true`，将会高亮当前选中的节点。你可以通过在 `<el-tree>` 组件上添加这个属性来实现，像这样：

<el-tree :data="treeData" :highlight-current="true"></el-tree>

其中，`treeData` 是你的树形数据对象，你可以根据自己的需求进行设置。

相关问题

el-tree选中高亮

el-tree选中高亮的方法有两种，一种是通过设置highlight-current属性为true来使选中的节点高亮显示，另一种是通过设置样式来改变选中节点的背景颜色。具体方法如下：

1. 设置highlight-current属性为true：

el-tree组件的highlight-current属性默认为false，如果我们要让选中的节点高亮显示，就需要将其设置为true。代码如下：

<el-tree :data="data" :highlight-current="true"></el-tree>

当选中节点时，会自动添加一个el-tree-node__current类名，我们可以通过设置样式来改变选中节点的背景颜色。

2. 设置样式来改变选中节点的背景颜色：

我们可以通过在样式中设置/deep/ .el-tree-node:focus > .el-tree-node__content来改变选中节点的背景颜色。代码如下：

<style scoped>
/deep/ .el-tree-node:focus > .el-tree-node__content {
background-color: rgb(158, 213, 250) !important;
}
</style>

这里的scoped是作用域限定符，用于限定样式只在当前组件中生效。这样就可以在选中节点时改变其背景颜色了。

--相关问题--:

el-tree字体高亮

您可以使用 CSS 样式来实现 el-tree 字体的高亮效果。可以通过设置 `color` 属性来改变字体颜色，或者使用 `background-color` 属性来改变背景色。以下是一个示例代码：

<style>
  .highlight {
    color: red; /* 设置字体颜色为红色 */
    background-color: yellow; /* 设置背景色为黄色 */
  }
</style>

<el-tree ...>
  <!-- 在需要高亮的地方添加 highlight 类 -->
  <el-tree-node :class="{ 'highlight': isHighlighted }">
    <!-- 节点内容 -->
  </el-tree-node>
</el-tree>

在上面的代码中，我们使用了一个 `isHighlighted` 变量来决定是否要高亮该节点。您可以根据自己的需求来设置这个变量。当 `isHighlighted` 为 `true` 时，节点就会应用 `highlight` 类，从而实现字体高亮效果。

请注意，上述代码只是一个示例，具体实现方式可能会因您的项目结构和需求而有所不同。您可以根据自己的实际情况进行调整和修改。