新手记录一下一个使用vue实现简单权限管理的方法,我们先假设
1:数字1代表管理员权限,
2:数字2则代表普通用户权限;
有了这些那么下面简单实现菜单及按钮级别的管理。
前端发送登陆数据,后端验证并返回token和权限等相关信息。
将信息保存至sessionStorage中
登陆成功后跳转到菜单的管理页面,那么这里就开始使用权限管理了,一些菜单是只有管理员才能看到,那么我们就该菜单中使用v-if,(这里是elmentui)
等于1就显示该菜单,不是1就不显示,不过需要使用creater()方法在页面加载前,读取user里面的信息。
同理,在按钮处同样使用v-if
ok,那么前端处理权限的简单方式就这样。大多很多情况是使用vuex来存取这些数据的,原理如此,换个存取方式罢了。
下次学习以下后端的权限管理方式