vue router 動態路由清除方式

Posted on by

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 
}

附matcher分析：https://www.jb51.net/article/244590.htm

vue-router退出登錄清空路由

router沒有提供清空數據的方法。我們可以這樣寫

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

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：