Vue2+filter实现权限管理,使不同用户进入不同界面
web前端
·
有三种用户:系统管理员,部门管理员,部门成员
data里的menulist菜单如下,需设置一个root数组,标识角色信息
data(){
return {
//左侧菜单栏
// menulist:[],
menulist:[
{
id: 125,
authName: "用户管理",
path: 'users',
root:["system_administrator","organization_member","organization_administrator"],
children: [
{
id: 110,
authName: "用户列表",
path: 'users',
children: []
},
{
id: 111,
authName: "管理员列表",
path: 'admins',
children: []
}
]
},
]
}
}
created(){
this.getMenuList(),
},
根据root数组里的信息进行过滤
//获取所有的菜单
/**/async getMenuList(){
// console.log("进入menulist");
// console.log("测试"+this.menulist[0].root)
this.menulist=this.menulist.filter(item=>{
// console.log("item.root:"+item.root)
// console.log(sessionStorage.getItem("action"))
let res=sessionStorage.getItem("action")
if(item.root.indexOf(res)!=-1)
{
// console.log("hello")
// console.log("item:"+item)
return item;
}
})
console.log(menulist);
console.log(res)
},
更多推荐
已为社区贡献1条内容
所有评论(0)