本文详细介绍了在 Vue-admin-template 模板中动态路由的实现方式，包括如何通过 API 获取数据，如何根据角色筛选和生成路由，以及权限管理的配置。文章还分享了作者的个人经历和提供的Android开发者学习资源。
meta: { title: ‘VIP管理’, icon: ‘vip’ },
children: [
{
path: ‘setmeal’,
component: () => import(‘@/views/vipmanage/setmeal/index’),
meta: { title: ‘套餐管理’, icon: ‘’ }
},
{
path: ‘activationcode’,
component: () => import(‘@/views/vipmanage/activationcode/index’),
meta: { title: ‘激活码管理’, icon: ‘’ }
},
{
path: ‘activationcodelist’,
component: () => import(‘@/views/vipmanage/activationcodelist/index’),
meta: { title: ‘激活码生成列表’, icon: ‘’ }
},
{
path: ‘activationcodeexport’,
component: () => import(‘@/views/vipmanage/activationcodeexport/index’),
meta: { title: ‘激活码导出列表’, icon: ‘’ }
},
{
path: ‘orderlist’,
component: () => import(‘@/views/vipmanage/orderlist/index’),
meta: { title: ‘订单列表’, icon: ‘’ }
},
{
path: ‘vipequity’,
component: () => import(‘@/views/vipmanage/vipequity/index’),
meta: { title: ‘VIP权益说明’, icon: ‘’ }
}
]
},
{
path: ‘/brandownermanage’,
component: Layout,
redirect: ‘/brandownermanage/brandownerlist’,
alwaysShow: true,
meta: { title: ‘品牌商管理’, icon: ‘brand’ },
children: [
{
path: ‘brandownerlist’,
component: () => import(‘@/views/brandownermanage/brandownerlist/index’),
meta: { title: ‘品牌商列表’, icon: ‘’ }
}
]
},
{
path: ‘/machinemanage’,
component: Layout,
redirect: ‘/machinemanage/machinelist’,
alwaysShow: true,
meta: { title: ‘机器管理’, icon: ‘android’ },
children: [
{
path: ‘machinelist’,
component: () => import(‘@/views/machinemanage/machinelist/index’),
meta: { title: ‘机器列表’, icon: ‘’ }
}
]
},
{
path: ‘/softwaremanage’,
component: Layout,
redirect: ‘/softwaremanage/versions’,
meta: { title: ‘软件管理’, icon: ‘software’ },
children: [
{
path: ‘versions’,
component: () => import(‘@/views/softwaremanage/versions/index’),
meta: { title: ‘版本管理’, icon: ‘’ }
},
{
path: ‘usedirection’,
component: () => import(‘@/views/softwaremanage/usedirection/index’
最低0.47元/天 解锁文章
1954
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
