vue3重置路由

在router3中使用matcher重置路由匹配器来重置路由, 但在router4, 即与v3匹配的路由版本中, 打印router时, 不存在matcher属性的, 这里使用getRouter和removeRouter重置

function resetRouter() {
   //获取所有路由
  router.getRoutes().forEach((route) => {
    const { name } = route;   //获取路由name
    if (name && !whiteList.includes(name as string)) {      //路由不属于白名单,则删除
      router.hasRoute(name) && router.removeRoute(name);
    }
  });
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,001评论 19 139
  • 今天起正式将前面vue2的项目升级成vue3,该项目将使用element ui3+vue3+vue router ...
    不语u阅读 17,244评论 2 12
  • 路由源码思维导图 1、Vue-Router三种路由模式: hash:使用URL hash 值来做路由,支持所有路由...
    魁首阅读 946评论 0 0
  • Android路由框架Router 什么是路由?说简单点就是映射页面跳转关系的,当然它也包含跳转相关的一切功能。 ...
    FullStack阅读 32,996评论 37 131
  • 简介 Vue Router 是Vue.js的官方路由。与Vue.js核心深度集成,让用Vue.js构建单页应用(S...
    QiShare阅读 373评论 0 1