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
}

想法或问题?在 GitHub Issue 下方参与讨论
去评论