对于菜单权限我们需要解决以下问题：
1、不同的账号登录，有不同的菜单
2、通过输入url地址来显示页面，所以应该根据权限动态注册路由
3、对于菜单数据，在不同页面之间的数据通信文章来源：https://www.toymoban.com/news/detail-731236.html
不同账号不同菜单
现在项目中的菜单，我们是在 CommenAside 中写死的，现在我们需要根据登录后返回的权限动态展示，所以我们找到登录后的代码，修改 Login.vue，在 submit 方法登录成功后，将菜单数据存入 store 中文章来源地址https://www.toymoban.com/news/detail-731236.html
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到了这里，关于【Vue2+Element ui通用后台】菜单权限的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
