vben-admin路由配置项

最新推荐文章于 2024-03-24 09:41:53 发布

别喊八阿哥

最新推荐文章于 2024-03-24 09:41:53 发布

阅读量2.5k

点赞数 1

分类专栏： routers 文章标签：前端

本文链接：https://blog.csdn.net/qq_42989829/article/details/124683076

版权

routers 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

vben-admin路由配置项？
总结

vben-admin路由配置项？

import type { AppRouteModule } from '/@/router/types';
 
import { LAYOUT } from '/@/router/constant';
 
const dashboard: AppRouteModule = {
  path: '/study', //主菜单路由
  name: 'Study',
  component: LAYOUT,
  redirect: '/study/index', //重定向页面
  meta: {
    hideChildrenInMenu: false, //是否隐藏子菜单,默认(不写)为false
    hideMenu: false, //是否隐藏该菜单,默认(不写)为false
    icon: 'simple-icons:about-dot-me', //图标配置
    title: '组件学习', //主菜单标题
    orderNo: 100001, //路由编号,理由编号不能重复,重复则前者被后者覆盖
  },
  //子菜单
  children: [
    {
      path: 'studyButtonPage',
      name: 'StudyButtonPage',
      component: () => import('/@/views/button/index.vue'), //路由跳转vue页面
      meta: {
        title: '按钮学习',
        icon: 'simple-icons:about-dot-me',
      },
    },
    {
      path: 'studyIconPage',
      name: 'StudyIconPage',
      component: () => import('/@/views/icon/index.vue'),
      meta: {
        title: '图标组件',
        icon: 'simple-icons:about-dot-me',
      },
    },
  ],
};
 
export default dashboard;