vue3+ts动态写后台管理系统左边的菜单栏

1.在路由router文件里面写路由元信息传递左侧显示的路由，以及路由的名字

const routes: Array = [

  {

    path: '/',

    name: 'About',

    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'),

    children: [

      {

        path: 'order',

        name:'order',

        meta:{

          isShow:true,

          title:'订单列表'

        },

        component: () => import('../views/order/order.vue'),

      },

      {

        path: 'userList',

        name:'userList',

        meta:{

          isShow:true,

          title:'用户列表',

        },

        component: () => import('../views/userList/userList.vue'),

      },

    ]

  }

];

在首页：