vue动态添加路由清空路由

刚做的项目分多个模块,点击后再查询菜单,动态加进路由,直接动态添加则爆出警告信息(路由重复):

vue动态添加路由清空路由_第1张图片

于是乎想到了先清空路由:

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);

 

你可能感兴趣的:(vue)