el-menu-item 点击后不切换高亮状态

如果你不希望 el-menu-item 点击后切换高亮状态，可以通过设置 unique-opened 属性来实现。当设置为 true 时，el-menu 只会保持一个子菜单的展开状态，所以不会出现多个 el-menu-item 同时处于激活状态的情况。同时，你也可以通过设置 default-active 属性来指定初始时要激活的菜单项，而不是通过点击进行激活。例如，设置 default-active="1" 后，el-menu-item 的第一个子项会在页面加载时处于激活状态。

相关问题

el-menu-item 点击后会切换高亮状态

是的，el-menu-item 点击后会切换高亮状态。默认情况下，点击 el-menu-item 后会自动添加一个名为 "is-active" 的 class，可以通过设置 active-name 或 active 切换高亮状态的 class 名称。例如，设置 active-name="my-active" 后，点击 el-menu-item 后会自动添加一个名为 "my-active" 的 class。

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`。