web123456

Chapter 6 [Front End] Page Layout > Left Area (6.3.2) - Left Menu

const SubMenu = defineAsyncComponent(() => import('@/layout/layoutAside/menu/')); // Menu array: The data will be returned according to the backend and assigned to the following array let menus = reactive([ { path: '/home', component: 'Layout', name: 'home', meta: { title: 'front page', icon: 'i-ep-home-filled', }, }, { path: '/system', component: 'Layout', name: 'system', meta: { title: 'System Management', icon: 'i-ep-setting', }, children: [ { path: '/system/menu', component: '/system/menu', name: 'menuList', meta: { title: 'Men Management', icon: 'i-ep-menu', }, }, { path: '/system/role', component: '/system/role', name: 'roleList', meta: { title: 'Role Management', icon: 'i-carbon-user-role', }, }, { path: '/system/user', component: '/system/user', name: 'user', meta: { title: 'User Management', icon: 'i-ep-user', }, }, ], }, { path: '/goods', component: 'Layout', name: 'goods', meta: { title: 'Commodity Management', icon: 'i-ep-goods', }, children: [ { path: '/goods/goods', component: '/goods/goods', name: 'goods', meta: { title: 'Product List', icon: 'i-ep-memo', }, }, { path: '/goods/category', component: '/goods/category', name: 'goodsCategory', meta: { title: 'Product Category', icon: 'i-ep-grid', }, }, ], }, { path: '/link', component: '/link', name: 'link', meta: { title: 'Baidu', icon: 'i-ep-link', }, }, ]);