<cn>
### 只展开当前父级菜单
点击菜单，收起其他展开的所有菜单，保持菜单聚焦简洁。
</cn>

```vue
<template>
  <div style="width:256px">
    <Menu
      v-model="current"
      :openKeys="openKeys"
      @open-change="openChange"
      accordion
      mode="inline"
    >
      <SubMenu key="sub1" :icon="Mail" title="Navigation One">
        <MenuItem key="1-1">Option 1</MenuItem>
        <MenuItem key="1-2">Option 2</MenuItem>
        <MenuItem key="1-3">Option 3</MenuItem>
        <MenuItem key="1-4">Option 4</MenuItem>
      </SubMenu>
      <SubMenu key="sub2" :icon="Heart" title="Navigation Two">
        <MenuItem key="2-1">Option 5</MenuItem>
        <MenuItem key="2-2">Option 6</MenuItem>
        <SubMenu key="sub2-1" title="SubMenu">
          <MenuItem key="2-3">Option 7</MenuItem>
          <MenuItem key="2-4">Option 8</MenuItem>
        </SubMenu>
      </SubMenu>
      <SubMenu key="sub3" :icon="Settings" title="Navigation Three">
        <MenuItem key="3-1">Option 9</MenuItem>
        <MenuItem key="3-2">Option 10</MenuItem>
        <MenuItem key="3-3">Option 11</MenuItem>
        <MenuItem key="3-4">Option 12</MenuItem>
      </SubMenu>
    </Menu>
  </div>
</template>
<script setup>
import { Mail, Heart, Settings } from "kui-icons";
import { ref } from "vue";
const current = ref(["1-1"]);
const openKeys = ref(["sub1"]);

const openChange = (openKeys) => {
  console.log(openKeys);
};
</script>
```
