
vue-router动态添加路由,利⽤$router.addRoutes()常⽤于⽤户权限控制
发布日期:2021-05-07 06:42:56
浏览次数:18
分类:技术文章
本文共 400 字,大约阅读时间需要 1 分钟。
// 映射关系const compMap = { 'Home': () => import("./view/Home.vue")}// 异步获取路由api.getRoutes().then(routes => { const routeConfig = routes.map(route => mapComponent(route)); router.addRoutes(routeConfig);})// 递归替换function mapComponent(route) { route.component = compMap[route.component]; if(route.children) { route.children = route.children.map(child => mapComponent(child)) } return route}
发表评论
最新留言
初次前来,多多关照!
[***.217.46.12]2025年04月01日 23时14分17秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
红黑树学习
2021-05-08
Redis未授权访问漏洞
2021-05-08
SpringBoot整合Redis
2021-05-08
3D案例——旋转木马
2021-05-08
vue中导入导入 Mint-UI的注意事项
2021-05-08
Vue——mock模拟数据的使用
2021-05-08
Nginx配置反向代理与负载均衡
2021-05-08
socket多线程实现tcp server
2021-05-08
高阶函数reduce
2021-05-08
Lionheart万汇:布林线双底形态分析技巧
2021-05-08
Lionheart万汇:台积电大幅提升资本开支,2021有望续创辉煌
2021-05-08
Lionheart万汇:新年消费结构中贵金属交易机会
2021-05-08
LHCM万汇:在需求上升中,美国贸易赤字创下历史新高
2021-05-08
Python数据处理笔记01--numpy数组操作
2021-05-08
大力出奇迹之js文件爆破
2021-05-08
jsp技术入门
2021-05-08
线程同步机制和三个线程不安全例子
2021-05-08
Mybatis的入门01
2021-05-08
开发者社区公告【MW移动端钱包】开发公示
2021-05-08
Vue01常见指令,axios
2021-05-08