ant-design-vue如何处理点击菜单时嵌套路由跳转

在 ant-design-vue 中，你可以使用 `Menu` 组件和 `router-link` 一起实现点击菜单时嵌套路由跳转。具体步骤如下：

1. 在 `Menu` 组件中使用 `router-link`，并设置 `to` 属性为要跳转的路由路径。

<Menu>
  <router-link to="/dashboard">
    <a-menu-item>
      <a-icon type="dashboard" />
      <span>Dashboard</span>
    </a-menu-item>
  </router-link>
  <router-link to="/users">
    <a-menu-item>
      <a-icon type="user" />
      <span>Users</span>
    </a-menu-item>
  </router-link>
</Menu>

2. 在路由配置中设置子路由，以实现嵌套路由。

const routes = [
  {
    path: '/',
    component: Layout,
    children: [
      {
        path: 'dashboard',
        component: Dashboard
      },
      {
        path: 'users',
        component: Users,
        children: [
          {
            path: ':id',
            component: UserDetail
          }
        ]
      }
    ]
  }
]

注意，`children` 数组中的每个路由对象都应该包含一个 `component` 属性，指定该路由对应的组件。

这样，当用户点击菜单时，就会跳转到对应的子路由，并在 `Layout` 组件中渲染出该子路由对应的组件。