本文介绍了在vue-admin-template中实现动态路由的方法，包括如何通过API获取动态菜单数据并转换为路由格式，以及如何根据用户权限进行动态路由筛选和添加。通过示例代码展示了动态路由配置和权限验证的流程。
hidden: true,
component: Layout,
children: [
{
path: ‘index/:id’,
name: ‘AddBanner’,
component: () => import(‘@/views/appmanage/addbanner/index’),
meta: { title: ‘添加Banner’, icon: ‘’ }
}
]
},
{
path: ‘/createactivationcode’,
hidden: true,
component: Layout,
children: [
{
path: ‘index’,
name: ‘CreateActivationCode’,
component: () => import(‘@/views/vipmanage/createactivationcode/index’),
meta: { title: ‘生成激活码’, icon: ‘’ }
}
]
},
]
/**
- 放置服务器可配置的动态路由
*/
export const asyncRoutes = [
{
path: ‘/usermanagement’,
component: Layout,
redirect: ‘/usermanagement/rolemanagement’,
meta: { title: ‘用户管理’, icon: ‘user’ },
children: [
{
path: ‘rolemanagement’,
component: () => import(‘@/views/usermanage/rolemanagement/index’),
meta: { title: ‘角色管理’, icon: ‘’ }
},
{
path: ‘accountlist’,
component: () => import(‘@/views/usermanage/accountlist/index’),
meta: { title: ‘账号列表’, icon: ‘’ }
}
]
},
{
path: ‘/voicemanage’,
component: Layout,
redirect: ‘/voicemanage/albumscategories’,
meta: { title: ‘语音管理’, icon: ‘voice’ },
children: [
{
path: ‘albumscategories’,
component: () => import(‘@/views/voicemanage/albumscategories/index’),
meta: { title: ‘专辑分类’, icon: ‘’ }
},
{
path: ‘listenmanage’,
component: () => import(‘@/views/voicemanage/listenmanage/index’),
meta: { title: ‘收听管理’, icon: ‘’ }
}
]
},
{
path: ‘/appmanagement’,
component: Layout,
redirect: ‘/appmanagement/banner’,
meta: { title: ‘App管理’, icon: ‘app’ },
children: [
{
path: ‘banner’,
component: () => import(‘@/views/appmanage/banner/index’),
meta: { title: ‘Banner管理’, icon: ‘’ }
},
{
path: ‘appversions’,
component: () => import(‘@/views/appmanage/appversions/index’),
meta: { title: ‘App版本管理’, icon: ‘’ }
}
]
},
{
path: ‘/vipmanagement’,
component: Layout,
redirect: ‘/vipmanagement/setmeal’,
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: {
最低0.47元/天 解锁文章
扫一扫
819
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
