el-menu open不触发

在 Vue.js 中，`el-menu` 是 Element UI 提供的一个组件，它用于创建导航菜单。当你需要让某个菜单项默认展开（即 `open` 状态），但是点击时不触发默认展开事件，可以这样做：

1. 在 HTML 上设置初始状态：

<el-menu default-active="1" class="your-menu">
  <el-menu-item index="1" :open="false">一级菜单</el-menu-item>
  <!-- 其他菜单项... -->
</el-menu>

这里的 `default-active="1"` 指定默认激活的第一级菜单，`:open="false"` 表示一级菜单默认关闭。

2. 如果你想通过数据绑定控制菜单是否打开，可以在你的 Vue 实例中添加一个变量，并处理点击事件：

export default {
  data() {
    return {
      isOpenFirstItem: false,
    };
  },
  methods: {
    toggleMenu() {
      this.isOpenFirstItem = !this.isOpenFirstItem;
    },
  },
}

然后在模板中监听点击事件：

<el-menu-item index="1" @click="toggleMenu">{{ isOpenFirstItem ? '展开' : '关闭' }}</el-menu-item>

这样点击的时候会切换 `isOpenFirstItem` 的值，不会直接触发 `open` 属性的变化。