情景是有很多个页面,不同的用户根据自己的权限不同可以看见不同的页面
思路:当你用邮箱登录后,后端获取到你的用户信息知道你能访问哪些页面会返回给你你能访问页面的名称,把返回给你的数据拿到,遍历他,如果这里面包含当前页面的名字那么当前页面就可以看见,否则展示一个"您还没有权限呦~"
check(){
const data="后端返回给你的数据";
const array=[];
if(data!==undefined){
for(let i=0;i<data.length;i++){
array.push(data[i].description)
}
return array.includes("当前页面的名字")
}
}
- data[i].description就是返回的数据每一项写着可以看的页面名字的字段
- array.includes()这个方法返回的是个boolean值包含就是true
!this.check()?<div>您还没有权限呦~</div>:<div>整个页面的dom结构</div>
- 把这个写在dom结构开始的地方,如果返回true就是可以看当前的页面就让他展示dom结构否则就展示没有权限