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);
    }
  });
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評論 19 139
  • 今天起正式將前面vue2的項(xiàng)目升級成vue3,該項(xiàng)目將使用element ui3+vue3+vue router ...
    不語u閱讀 17,410評論 2 12
  • 路由源碼思維導(dǎo)圖 1、Vue-Router三種路由模式: hash:使用URL hash 值來做路由,支持所有路由...
    魁首閱讀 1,082評論 0 0
  • Android路由框架Router 什么是路由?說簡單點(diǎn)就是映射頁面跳轉(zhuǎn)關(guān)系的,當(dāng)然它也包含跳轉(zhuǎn)相關(guān)的一切功能。 ...
    FullStack閱讀 33,232評論 37 131
  • 簡介 Vue Router 是Vue.js的官方路由。與Vue.js核心深度集成,讓用Vue.js構(gòu)建單頁應(yīng)用(S...
    QiShare閱讀 630評論 0 1

友情鏈接更多精彩內(nèi)容