在addroutes後，$router.options.routes沒有更新的問題(手摸手，帶你用vue擼後臺 讀後感)

參照《着手摸手，帶你用vue擼後臺》一文，本人作了前端的權限判斷

https://segmentfault.com/a/1190000009275424

 

首先就是在addroutes後，$router.options.routes不會更新。由於本人的側面導航欄是使用$router.options.routes來遍歷生成的。因而就發現這個問題。

做者估計這個是個bug，已經提交issuse：https://github.com/vuejs/vue-router/issues/1859

 

說一下解決方法:

一、在addroutes前，使用router.options.routes=XXXXX的方法手動添加

二、使用做者的方法，在store裏維護一個routes對象，而後使用這個對象遍歷生成側面導航欄

 

補充一個做者沒有說，可是源代碼裏作了的小細節：

這個系統再切換用戶時，路由不會動態更新。因此須要在登出函數中加上location.reload();刷新瀏覽器。