Nuxt - Ant Design Vue 组件库 Munu 导航菜单 ＜a-menu＞ 配合路由使用教程，点击菜单跳转到对应路由（刷新或切换页面后，自动选中高亮对应到当前菜单上）超详细教程

前言

在 Nuxt.js 后台管理项目中，引入了 Ant Design Vue 组件库，使用 <a-menu> / <a-menu-item> 组件当导航菜单，当点击菜单时，跳转到对应的路由页面，遇到页面刷新时，能自动高亮当前菜单。

在 nuxt2 / nuxt3 网站网页开发中，详细配置使用ant design vue组件库的a-menu导航菜单组件，作为网站的侧边导航或顶部导航功能！

给您提供了整个示例的源代码，一路复制代码，最后稍微改改即可。

---

示例代码仅包含核心功能，无烂七八糟的样式和没用的变量，

如下图所示，无论是 点击菜单还是页面切换或刷新，都能 “精准” 的高亮对应菜单：

准备阶段

按照如下教程及示例代码，保证 100% 搞定该功能。