antd vue 刷新保留当前页面路由，保留选中菜单，保留menu选中

最新推荐文章于 2023-05-16 22:42:18 发布

yangliweigauguagua

最新推荐文章于 2023-05-16 22:42:18 发布

阅读量7.8k

点赞数 9

CC 4.0 BY-SA版权

分类专栏： web 文章标签： vue vue-router antd 路由

本文链接：https://blog.csdn.net/qq_32674347/article/details/92835764

web 专栏收录该内容

82 篇文章

订阅专栏

博客重点介绍了Vue相关代码设置。一是将selectedkeys设置成$route.path地址，二是把a-menu-item的key设置成要去的地址，完成设置后刷新页面即可成功。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

废话不说，上代码！

<a-menu theme="dark" mode="inline" :selectedKeys="[$route.path]">
          <a-menu-item :key="'/home'">
            <router-link to="home">
              <a-icon type="user" />
              <span>nav 1</span>
            </router-link>
          </a-menu-item>
          <a-menu-item :key="'/about'">
            <router-link to="about">
              <a-icon type="video-camera" />
              <span>nav 2</span>
            </router-link>
          </a-menu-item>
          <a-menu-item :key="'/123123'">
            <router-link to="123123">
              <a-icon type="upload" />
              <span>nav 3</span>
            </router-link>
          </a-menu-item>
        </a-menu>

重点：

1，selectedkeys要设置成$route.path地址

2，a-menu-item 的key设置成要去的地址

刷新页面，成功！