el-menu菜单选中时候保持高亮

在 Vue.js 中，`el-menu` 是 Element UI 提供的一个用于创建导航菜单组件。当用户选择菜单项时，`el-menu` 默认会高亮显示所选的选项。如果你想在选中菜单项时保持其高亮状态，可以按照以下步骤操作：

1. 首先，确保你在 HTML 结构中已经正确地引用了 `el-menu` 组件，并设置了必要的属性，例如数据绑定到一个数组，表示菜单项：

<template>
  <el-menu default-active="1" class="menu">
    <el-menu-item v-for="(item, index) in menuItems" :key="index" :index="item.id">
      {{ item.name }}
    </el-menu-item>
  </el-menu>
</template>

<script>
export default {
  data() {
    return {
      menuItems: [
        { id: 1, name: '菜单项1' },
        { id: 2, name: '菜单项2' },
        // 更多菜单项...
      ]
    }
  }
}
</script>

2. 确保给 `el-menu` 添加了 CSS 类来控制选中项的样式，比如 `.menu .active`：

.menu .active {
  background-color: #f50; /* 或者你喜欢的颜色 */
  color: white;
}

3. 如果需要记住用户的选择，在切换菜单项后更新全局变量或Vuex的状态，以便下次页面加载时保持高亮。

如果你想要在用户关闭菜单后再打开时仍然保持之前的选中状态，你可以监听 `open-change` 事件并保存当前选中的 `index` 或 `id`。