返回博客列表

Arco组件用法记录

2026-01-29
1 min read
arco

amenu 菜单组件经常需要实现联动,联动需要使用的属性如下。都是数组因为如果不是手风琴模式,是可以打开多个菜单和多个项目的。 - open-keys - selected-keys

a-menu

菜单组件经常需要实现联动,联动需要使用的属性如下。都是数组因为如果不是手风琴模式,是可以打开多个菜单和多个项目的。

  • open-keys
  • selected-keys
js
<a-menu
          accordion
          :open-keys="currentOpenKeys"
          :selected-keys="currentItemKeys"
          @sub-menu-click="openKeyAction"
          @menu-item-click="selectedItemKeyAction"
      >
</a-menu>

// 当前打开的子菜单列表
const currentOpenKeys = ref<string[]>([])

// 当前选中的子菜单
const currentOpenKey = ref<string>('')

// 当前选中的菜单项
const currentSelectedItemKey = ref<string>('');

// 操作选中的菜单项
const selectedItemKeyAction = (key: string) => {
  currentSelectedItemKey.value = key;
}

// 操作打开的子菜单
const openKeyAction = (key: string, openKeys: string[]) => {
  currentOpenKey.value = key;
  currentOpenKeys.value = openKeys
}

返回博客列表
最后更新于 2026-01-29
想法或问题?在 GitHub Issue 下方参与讨论
去评论