elementui高亮

Element UI 提供了一套丰富的组件库，其中包括用于高亮显示的组件，如`el-option`的`value-key`属性。当你需要在下拉菜单（`el-select`）或其他选项列表中突出显示某个选项，可以设置`value`属性与当前选中的值相匹配，同时利用`active-color`样式属性来自定义选中状态的颜色。例如：

<el-select v-model="selectedValue" placeholder="请选择">
  <el-option
    v-for="item in options"
    :key="item.value"
    :label="item.label"
    :value="item.value"
    :active-color="highlightColor"
  ></el-option>
</el-select>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { value: 'option1', label: 'Option 1' },
        { value: 'option2', label: 'Option 2', highlightColor: 'blue' }, // 高亮颜色
        { value: 'option3', label: 'Option 3' }
      ],
      highlightColor: '#ff596e' // 可自定义高亮颜色
    };
  }
};
</script>

在这个例子中，当`selectedValue`等于某项选项的`value`时，该选项会被高亮显示为指定的颜色。