zoukankan      html  css  js  c++  java
  • ant design pro项目配置路由菜单

    有两种菜单格式,一种是就只有一层,一种是有多层的

    一、单层的菜单

     首先在pages目录下新建一个文件目录

     然后在config.js中进行配置

    {
        name: 'new_test',
        icon: 'table',
        path: '/new_test',
        component: './TestRoute/test_route',
    }

    最后在srclocaleszh-CNmenu.js中配置菜单

    //测试单层菜单路由
      'menu.new_test':'测试单层菜单配置',

    二、多层菜单

     首先也是在pages目录下新增目录文件

      然后在config.js中进行配置

    {
        path: '/test',
        icon: 'setting',
        name: 'test',
        routes: [
            {
                 name: 'button_page',
                 path: 'button_page',
                 component: './ButtonPages/button_page',
             },
         ],
    }

    最后在srclocaleszh-CNmenu.js中配置菜单

    //多层菜单
      'menu.test': '测试练习',
      'menu.test.button_page': '按钮页面',

    以上都是简单的测试,不涉及后台请求动态创建菜单

  • 相关阅读:
    docker学习
    获取程序所有加载的dll名称
    Microsoft.Exchange 发邮件
    EF实体对象解耦
    python并发与futures模块
    python协程
    python上下文管理器
    python迭代器与生成器
    python抽象基类
    python运算符重载
  • 原文地址:https://www.cnblogs.com/cailijuan/p/13691852.html
Copyright © 2011-2022 走看看