vue-router 动态路由封装

最新推荐文章于 2024-04-29 04:59:58 发布

m0_46582836

最新推荐文章于 2024-04-29 04:59:58 发布

阅读量541

点赞数 1

分类专栏： router

本文链接：https://blog.csdn.net/m0_46582836/article/details/112251124

版权

router 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

//动态路由

//动态路由
export function addRoute() {
let user = JSON.parse(localStorage.getItem(“user”)) || undefined;
if (user) {
//1和2一定要写在判断条件内，不然问题很大
//1 重置路由匹配规则对象，否则保存的还是上一次登录生成的匹配对象。
router.matcher = new VueRouter().matcher;
// 2重置路由对象
router.options.routes[0].children = [];
user.cates.forEach((oneLevel) => {
oneLevel.cates.forEach((twoLevel) => {
let routeObj = routeMap[twoLevel.path];
routeObj.meta[“rights”] = twoLevel.rights || [];
router.options.routes[0].children.push(routeObj);
});
});
router.addRoutes(router.options.routes);
//将发生变化的 router.options.routes 重新添加到 router 中，否则路由可以正常切换，但是无法加载组件。
// console.log(router.options.routes[0]);
}
}