刚做的项目分多个模块,点击后再查询菜单,动态加进路由,直接动态添加则爆出警告信息(路由重复):
![](https://img-blog.csdnimg.cn/20210609174349697.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3o4NTg0NjY=,size_16,color_FFFFFF,t_70)
于是乎想到了先清空路由:
resetRouter() {
const newRouter = new Router({
mode: 'hash', //
scrollBehavior: () => ({ y: 0 }),
routes: constantRoutes, //引入的公共路由
base: process.env.BASE_URL,
});
router.matcher = newRouter.matcher; // reset router
}
再进行动态添加即可:
router.addRoutes(routers);