vue-router addRoutes多次添加路由重复问题

故心v

于 2021-02-17 10:35:02 发布

阅读量1.8k

点赞数 1

分类专栏： vue+element项目实战文章标签： vue 多次添加路由重复问题 addRoutes

本文链接：https://blog.youkuaiyun.com/qq_41555854/article/details/113831783

版权

vue+element项目实战专栏收录该内容

13 篇文章

订阅专栏

该博客主要介绍了在Vue应用中如何使用@router进行动态路由配置。首先，通过`createRouter`创建一个新的Vue Router实例，并将默认路由constantRoutes注入。接着，定义了一个`resetRouter`函数，用于重置路由，通过替换matcher实现。然后，在permission.js中调用`resetRouter`清空路由，再使用`addRoutes`方法添加新的asyncRoutes，确保了路由的安全性和灵活性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

故心故心故心故心小故冲啊

文章目录

在@router中

const createRouter = () => new VueRouter({
  routes: constantRoutes //constantRoutes为默认路由
});
const router = createRouter();
export function resetRouter() { //这个是重置函数
  const newRouter = createRouter();
  router.matcher = newRouter.matcher;
}
export default router;

在permission.js

import { resetRouter } from '@/router'
 // 先重置，然后再添加
resetRouter();
router.addRoutes(asyncRoutes);