el-menu-item如何阻止点击高亮

要阻止 `el-menu-item` 的点击高亮，可以添加 `disabled` 属性来禁用该菜单项的交互，例如：

<el-menu>
  <el-menu-item index="1">可点击菜单项</el-menu-item>
  <el-menu-item index="2" disabled>禁用菜单项</el-menu-item>
</el-menu>

这样，第二个菜单项将无法被点击，并且也不会出现点击高亮效果。

相关问题

el-menu-item默认高亮

`el-menu-item` 是 Element UI 中用于创建导航菜单项的组件，默认情况下，当用户滚动到包含该菜单项的路由对应的页面时，对应的 `el-menu-item` 会高亮显示，表示当前选中状态。这是为了帮助用户快速识别当前所在的页面位置。

如果你想让某个特定的 `el-menu-item` 先预设为高亮状态，可以使用 Vue 的数据绑定或者 `v-model` 指令，并设置相应的值。例如，如果你有一个名为 `currentPath` 的变量存储当前路由，你可以这样做：

<el-menu active-name="your-path">
  <el-menu-item index="your-path" v-if="currentPath === 'your-path'" @click="handleItemClick('your-path')">你的菜单项</el-menu-item>
  <!-- 更多 menu items... -->
</el-menu>

<script>
export default {
  data() {
    return {
      currentPath: 'your-path', // 初始化为需要高亮的路径
    };
  },
  methods: {
    handleItemClick(path) {
      this.currentPath = path;
    },
  },
};
</script>

在这个例子中，`your-path` 应替换为你实际需要高亮的路径。当`currentPath`等于`your-path`时，对应菜单项会被高亮显示。点击时，`handleItemClick`方法会被触发并更新`currentPath`。

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

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