当前位置: 首页 > article >正文

若依路由配置教程

  1. 路由配置文件

2. 配置内容介绍

{
    path: "/tool/gen-edit",
    component: Layout,   //在路由下,引用组件的名称,在页面中包括这个组件的内容(页面框架内容)
    hidden: true, //此页面的内容,在左边的菜单中不用显示。
    children: [
      {
        path: "index",   //子路径,拼接在父路径后面的内容(/tool/gen-edit/index)
        component: (resolve) =>
          require(["@/views/tool/gen/editTable"], resolve),
        name: "GenEdit",
        meta: { title: "修改生成配置", activeMenu: "/tool/gen" },
      },
    ],
  },

执行如下代码,将跳转到如下所示的URL的路径

   /** 修改按钮操作 */
    handleEditTable(row) {
      const tableId = row.tableId || this.ids[0];
      this.$router.push({ path: '/tool/gen-edit/index', query: { tableId: tableId, pageNum: this.queryParams.pageNum } });
    },

跳转到此路由如下图所示 

  // tdm
  {
    path: "/tdm",
    hidden: true,
    component: (resolve) => require(["@/views/erp/TDM/index"], resolve),
    redirect: "tdm",
    children: [
      {
        path: "tdm",
        component: (resolve) =>
          require(["@/views/erp/TDM/modules/TdmTwo"], resolve),
        name: "TDM",
        meta: { title: "TDM" },
      },
      {
        path: "tdmThree",
        component: (resolve) =>
          require(["@/views/erp/TDM/modules/TdmThree"], resolve),
        name: "TDMThree",
        meta: { title: "TDM Three" },
      },
      {
        path: "tdmFour",
        component: (resolve) =>
          require(["@/views/erp/TDM/modules/TdmFour"], resolve),
        name: "TDMFour",
        meta: { title: "TDM Four" },
      },
    ],
  },
];

{
    path: "/tool/gen-edit",
    component: Layout,
    hidden: true,
    children: [
      {
        path: "index",
        component: (resolve) =>
          require(["@/views/tool/gen/editTable"], resolve),
        name: "GenEdit",
        meta: { title: "修改生成配置", activeMenu: "/tool/gen" },
      },
    ],
  },

  // 新增模块路由
  {
    path: "/tdm",
    hidden: true,
    component: (resolve) => require(["@/views/erp/TDM/index"], resolve),
    redirect: "tdm",
    children: [
      {
        path: "tdm",
        component: (resolve) =>
          require(["@/views/erp/TDM/modules/TdmTwo"], resolve),
        name: "TDM",
        meta: { title: "TDM" },
      },
      {
        path: "tdmThree",
        component: (resolve) =>
          require(["@/views/erp/TDM/modules/TdmThree"], resolve),
        name: "TDMThree",
        meta: { title: "TDM Three" },
      },
      {
        path: "tdmFour",
        component: (resolve) =>
          require(["@/views/erp/TDM/modules/TdmFour"], resolve),
        name: "TDMFour",
        meta: { title: "TDM Four" },
      },
    ],
  },
];


http://www.kler.cn/a/522411.html

相关文章:

  • 危机13小时:追踪一场GitHub投毒事件
  • 开源 OA 办公系统
  • QT+mysql+python 效果:
  • 在Ubuntu上用Llama Factory命令行微调Qwen2.5的简单过程
  • Go优雅实现redis分布式锁
  • golang通过AutoMigrate方法自动创建table详解
  • 图像处理篇---图像压缩格式编码格式
  • 3.5.3 基于横盘结构的分析体系——缠论(线段)
  • 力扣-链表-24 两两交换链表中的节点
  • 16.Word:石油化工设备技术❗【28】
  • oracle 19C RAC打补丁到19.26
  • linux 环境安装 dlib 的 gpu 版本
  • HTML(快速入门)
  • WPS数据分析000010
  • Vue.js组件开发-Vue实现上传word模版打印设置自定义样式和布局
  • 【JAVA项目】基于ssm的【宠物医院信息管理系统】
  • 【论文阅读】Equivariant Diffusion Policy
  • 1.Template Method 模式
  • 【信息系统项目管理师-选择真题】2011下半年综合知识答案和详解
  • 软件测试 —— jmeter(2)
  • SpringBoot中Excel表的导入、导出功能的实现
  • 【处理和预防校园霸凌】。营造安全
  • Android开发基础知识
  • Github 2025-01-26 php开源项目日报Top10
  • 练习题 - Django 4.x File 文件上传使用示例和配置方法
  • 电脑开机后就会出现一个名叫DIRECT-OK***AmsDL的WiFi,***是我的电脑名