本篇文章小编给大家分享一下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();