Vue-Router根据权限动态显示导航栏

这应该是最常见的需求了，这里记录一下可行的一个方案

核心方法：

this.$router.options.routes;

利用这个方法，会得到所有router，返回的json如下图所示：

Step1：登录校验后，将当前登录人员的权限记录在state（vuex）中

Step2：在App.vue中查看当前登录人员的权限

Step3：利用hidden属性决定页面的导航栏中功能的显示与否

想要了解如何使用vuex可以移步至：vuex核心内容梳理