【Vue2+Element ui通用后台】菜单权限

对于菜单权限我们需要解决以下问题：
1、不同的账号登录，有不同的菜单
2、通过输入url地址来显示页面，所以应该根据权限动态注册路由
3、对于菜单数据，在不同页面之间的数据通信

不同账号不同菜单

现在项目中的菜单，我们是在 CommenAside 中写死的，现在我们需要根据登录后返回的权限动态展示，所以我们找到登录后的代码，修改 Login.vue，在 submit 方法登录成功后，将菜单数据存入 store 中

submit(){
   
      //校验通过
      this.$refs.form.validate((valid)=>{
   
        if(valid){
   
          getMenu(this.form).then(({
    data})=>{
   
            // console.log('TTT',data);
            if(data.code === 20000){
   
              // token信息存入cookie用于不同页面间的通讯
              Cookie.set('token',data.data.token);
              // 获取菜单数据，存入store
              this.$store.commit('setMenu',data.data.menu);
              // 跳转首页
              this.$router.push('home')
            } else {
   
              this.$message.error