soybean-admin/src/router/modules/multi-menu.ts

const multiMenu: AuthRoute.Route = {
  name: 'multi-menu',
  path: '/multi-menu',
  component: 'basic',
  children: [
    {
      name: 'multi-menu_first',
      path: '/multi-menu/first',
      component: 'multi',
      children: [
        {
          name: 'multi-menu_first_second',
          path: '/multi-menu/first/second',
          component: 'self',
          meta: {
            title: '二级菜单',
            requiresAuth: true,
            icon: 'mdi:menu'
          }
        },
        {
          name: 'multi-menu_first_second-new',
          path: '/multi-menu/first/second-new',
          component: 'multi',
          children: [
            {
              name: 'multi-menu_first_second-new_third',
              path: '/multi-menu/first/second-new/third',
              component: 'self',
              meta: {
                title: '三级菜单',
                requiresAuth: true,
                icon: 'mdi:menu'
              }
            }
          ],
          meta: {
            title: '二级菜单(有子菜单)',
            icon: 'mdi:menu'
          }
        }
      ],
      meta: {
        title: '一级菜单',
        icon: 'mdi:menu'
      }
    }
  ],
  meta: {
    title: '多级菜单',
    icon: 'carbon:menu',
    order: 8
  }
};

export default multiMenu;