最近在做一个项目的后台,需求要使用到 rbac 的框架,项目是前后端分离的,在网上找的,关于控制按钮是否显示的都是使用的 themeleaf 来实现的,关于前后端分离的案例,只找到了控制接口访问权限的;现在我要在不使用 themeleaf 的情况下,对按钮的显示做权限控制,有大佬做过这样的事情吗,能否提供一下思路呢
相关帖子
-
fpdan •捐赠者
<el-button v-if="hasAuthority('PAGE_ADD')" type="primary" size="medium" class="mr-10"> <i class="el-icon-plus" /> <span v-t="'page.add'">新增页面</span> </el-button>
import Vue from 'vue' Vue.mixin({ methods: { hasAuthority(authority) { if (this.$auth.user) { let authorities = [] authorities = this.$auth.user.authorities if (authorities) { return authorities.includes(authority) } else { return false } } return false } } })
用户登录的时候
this.$auth.user.authorities
里面存的是用户所有权限,这种做法跟 thymeleaf 差不多
- 其他回帖
-
<el-button v-if="hasAuthority('PAGE_ADD')" type="primary" size="medium" class="mr-10"> <i class="el-icon-plus" /> <span v-t="'page.add'">新增页面</span> </el-button>
import Vue from 'vue' Vue.mixin({ methods: { hasAuthority(authority) { if (this.$auth.user) { let authorities = [] authorities = this.$auth.user.authorities if (authorities) { return authorities.includes(authority) } else { return false } } return false } } })
用户登录的时候
this.$auth.user.authorities
里面存的是用户所有权限,这种做法跟 thymeleaf 差不多 -
-
- 查看全部回帖