如何深入理解ant-design-vue中的a-menu导航菜单用法？

本文共计1414个文字，预计阅读时间需要6分钟。

目录

一、效果

二、关键的API

三、注意事项

四、代码

本文章包含了一个递归生成三级菜单的示例，支持刷新状态，仅展开一个父级菜单等常见问题。

目录

• 一、效果
• 二、关键的API
• 三、注意事项
• 四、代码

此文章包含了递归生成三级菜单，刷新状态保留，只展开一个父级菜单等常见问题。

一、效果

可以看到递归生成三级菜单，刷新状态保留，只展开一个父级菜单等常见问题得以解决。我自己的电脑设备老旧，反应缓慢的问题请忽略。

二、关键的API

说实话遇到问题了不知道该怎么解决，说白了还是不懂得API的使用，对相关的API不够了解，熟悉了API怎么操作都行。下面说说用到但是又容易混淆的API。

1.defaultSelectedKeys 默认选中的key

这里的key对应的是a-menu-item上面绑定的key，如果被选中，会进行导航的跳转以及被给予高亮状态。