router动态路由清除怎样做，要点和代码是什么-群英

上一篇：Echarts怎样实现点击饼图出现内容并重新渲染下一篇：Vue在不同环境配置代理怎样做，如何设置本地代理

这篇文章主要讲解了“router动态路由清除怎样做，要点和代码是什么”，文中的讲解内容简单、清晰、详细，对大家学习或是工作可能会有一定的帮助，希望大家阅读完这篇文章能有所收获。下面就请大家跟着小编的思路一起来学习一下吧。

router 动态路由清除

重置matcher可达到路由还原效果

在用户退出时调用 resetRouter(router) 即可还原路由

import Vue from 'vue'
import Router from 'vue-router'
import { constantRouterMap } from '...' //导入初始化router
 
// 传入当前router
export function resetRouter (router) {
  const createRouter = () =>
    new Router({
      mode: 'history'
      routes: constantRouterMap
    })
  // 用初始化的matcher替换当前router的matcher
  router.matcher = createRouter.matcher 
}

vue-router退出登录清空路由

router没有提供清空数据的方法。我们可以这样写

this.$router.replace({path: '/login'});
location.reload();

上述内容具有一定的借鉴价值，感兴趣的朋友可以参考，希望能对大家有帮助，想要了解更多"router动态路由清除怎样做，要点和代码是什么"的内容，大家可以关注群英网络的其它相关文章。

标签：动态路由清除

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：Echarts怎样实现点击饼图出现内容并重新渲染下一篇：Vue在不同环境配置代理怎样做，如何设置本地代理