动态路由,树状控件

动态路由,当有多个子路由时,写在实例中,为以后的修改不方便,我们就用动态路由,方便,易操作

没个页面路由的js页面中

import Layout from "@/layout";

//  {  path: '', component: '' }

// 每个子模块 其实 都是外层是layout  组件位于layout的二级路由里面

export default {

  path: "/approvals", // 路径

  name: "approvals", // 给路由规则加一个name

  component: Layout, // 组件

  // 配置二级路的路由表

  children: [

    {

      path: "", // 这里当二级路由的path什么都不写的时候 表示该路由为当前二级路由的默认路由

      component: () => import("@/views/approvals"),

      // 路由元信息  其实就是存储数据的对象 我们可以在这里放置一些信息

      meta: {

        title: "审批",

        icon: "example", // meta属性的里面的属性 随意定义 但是这里为什么要用title呢， 因为左侧导航会读取我们的路由里的meta里面的title作为显示菜单名称

      },

    },

  ],

};

meta:是路由的标题,图标

之后再,index.js中引入路由文件.

import approvalsRouter from &#