vue antdesign点击a-sub-menu时跳转路由

要实现在 Vue 中使用 Ant Design 的 `a-sub-menu` 组件点击后跳转路由，可以使用 Vue Router 提供的 `router-link` 组件或者 `$router.push` 方法来实现。

使用 `router-link` 组件的方式：

<template>
  <a-menu>
    <a-sub-menu title="your-title">
      <template slot="title">
        <span slot="title">your-title</span>
      </template>
      <router-link :to="yourRoutePath">
        // your menu items
      </router-link>
    </a-sub-menu>
  </a-menu>
</template>

<script>
export default {
  data() {
    return {
      yourRoutePath: '/your-route'
    }
  }
}
</script>

使用 `$router.push` 方法的方式：

<template>
  <a-menu>
    <a-sub-menu title="your-title">
      <template slot="title">
        <span slot="title">your-title</span>
      </template>
      <a-menu-item @click="gotoYourRoute">
        // your menu items
      </a-menu-item>
    </a-sub-menu>
  </a-menu>
</template>

<script>
export default {
  methods: {
    gotoYourRoute() {
      this.$router.push('/your-route');
    }
  }
}
</script>

在以上两种方式中，`yourRoutePath` 或 `/your-route` 表示你要跳转的路由路径。同时还需要保证你已经正确配置了 Vue Router。另外，`a-sub-menu` 组件中需要使用 `template` 和 `slot` 来自定义菜单标题。