ant design vue menu刷新保持 折叠 展开状态

你可以使用 `defaultOpeneds` 属性来控制 Ant Design Vue Menu 组件的折叠和展开状态的保持。`defaultOpeneds` 是一个数组，其中包含你想要保持展开的菜单项的 key 值。

首先，你需要为每个菜单项设置一个唯一的 key 值。然后，将这些 key 值添加到 `defaultOpeneds` 数组中。

以下是一个示例代码：

<template>
  <a-menu :defaultOpeneds="defaultOpeneds">
    <a-sub-menu key="sub1">
      <template #title>
        <span>Submenu 1</span>
      </template>
      <a-menu-item key="1">Menu Item 1</a-menu-item>
      <a-menu-item key="2">Menu Item 2</a-menu-item>
    </a-sub-menu>
    <a-sub-menu key="sub2">
      <template #title>
        <span>Submenu 2</span>
      </template>
      <a-menu-item key="3">Menu Item 3</a-menu-item>
      <a-menu-item key="4">Menu Item 4</a-menu-item>
    </a-sub-menu>
  </a-menu>
</template>

<script>
export default {
  data() {
    return {
      defaultOpeneds: ['sub1'] // 设置默认展开的菜单项
    }
  }
}
</script>

在上面的示例中，`defaultOpeneds` 数组中包含了要保持展开的菜单项的 key 值。在这个例子中，"Submenu 1" 将会默认展开。

当页面刷新后，菜单项的折叠和展开状态将会保持。你可以根据自己的需求修改 `defaultOpeneds` 数组来控制菜单项的状态。