最近在做一个项目的后台，需求要使用到 rbac 的框架，项目是前后端分离的，在网上找的，关于控制按钮是否显示的都是使用的 themeleaf 来实现的，关于前后端分离的案例，只找到了控制接口访问权限的；现在我要在不使用 themeleaf 的情况下，对按钮的显示做权限控制，有大佬做过这样的事情吗，能否提供一下思路呢
本贴最后更新于 1591 天前，其中的信息可能已经斗转星移
相关帖子
被采纳的回答
-
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 差不多 -
-
-