在vue項目中怎么動態(tài)添加子路由

也可以用 beforeEach 和afterEach

官方文檔

你大概是想知道前端鑒權(quán)這個功能怎么實現(xiàn)吧，實際上路由表都是定義好的，掛在狀態(tài)樹上實時添加，沒有權(quán)限就不添加這條路由，權(quán)限和具體菜單目錄都需要從后端接口獲取數(shù)據(jù)，你可以看看這篇文章
https://www.jianshu.com/p/3ea...

給你提供一個思路參考：你根本不需要動態(tài)添加路由，所有路由都添加好，展示菜單用接口用后端拿就ok了

• 首先，你說的權(quán)限控制，實際開發(fā)肯定是會涉及到的，舉個栗子，你開發(fā)一個商城項目，用戶沒登錄，是不是不能查看個人中心相關(guān)的頁面？這就是最簡單的一個權(quán)限控制。
• 然后你說的動態(tài)添加子路由，不是你想的那樣直接添加到vue-router對象里面，而是像這樣

const User = {
  template: '<div>User</div>'
}

const router = new VueRouter({
  routes: [
    // 動態(tài)路徑參數(shù) 以冒號開頭
    { path: '/user/:id', component: User }
  ]
})

用動態(tài)參數(shù)來控制的。出自官網(wǎng)