參照《着手摸手,帶你用vue擼后台》一文,本人做了前端的權限判斷
https://segmentfault.com/a/1190000009275424
首先就是在addroutes后,$router.options.routes不會更新。因為本人的側面導航欄是使用$router.options.routes來遍歷生成的。於是就發現這個問題。
作者估計這個是個bug,已經提交issuse:https://github.com/vuejs/vue-router/issues/1859
說一下解決方法:
1、在addroutes前,使用router.options.routes=XXXXX的方法手動添加
2、使用作者的方法,在store里維護一個routes對象,然后使用這個對象遍歷生成側面導航欄
補充一個作者沒有說,但是源代碼里做了的小細節:
這個系統再切換用戶時,路由不會動態更新。所以需要在登出函數中加上location.reload();刷新瀏覽器。