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点击选中高亮

要实现el-tree点击选中高亮效果，可以通过以下步骤实现：

1. 在el-tree组件中添加@click事件监听树节点的点击事件；
2. 在@click事件中获取当前点击的节点对象，可以通过参数（node, instance）获取；
3. 使用el-tree组件提供的setCurrentKey方法设置当前节点的key值，使其选中并高亮；
4. 在样式中为选中的节点添加高亮效果，可以使用el-tree组件提供的node-key属性来设置节点的唯一标识，然后通过自定义样式来实现高亮效果。

示例代码如下：

<template>
  <el-tree
    :data="treeData"
    :props="treeProps"
    @click="handleNodeClick"
  ></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: '节点1',
          children: [
            {
              label: '子节点1'
            },
            {
              label: '子节点2'
            }
          ]
        },
        {
          label: '节点2',
          children: [
            {
              label: '子节点3'
            },
            {
              label: '子节点4'
            }
          ]
        }
      ],
      treeProps: {
        label: 'label',
        children: 'children'
      }
    }
  },
  methods: {
    handleNodeClick(node, instance) {
      // 设置当前节点选中并高亮
      instance.setCurrentKey(node.key);
    }
  }
}
</script>

<style>
.el-tree-node--highlight {
  background-color: #f5f5f5;
}
</style>

el-tree 设置高亮

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

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

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