Question

伙计们，我是Vue的新手并且不知道我该怎么做才能开始我的解释假设我有2个用户，1个管理员2个用户并且我有侧边栏菜单，如1.profile 2.purchase 3.添加新角色4.现在设置管理员登录他应该能够看到所有链接和管理员分配权限给用户，比如他能够看到配置文件，购买或根据管理员侧边栏分配的角色的所有链接应该对用户可见例如： - 如果管理员分配用户看到购买然后用户登录侧边栏只有购买和其他应该禁用这是可能的vue或任何想法来实现这个

Answer 1

vue.js可能，但我认为你应该在服务器端和客户端都这样做。如果你只使用vue.js，用户可能无法看到链接，但他仍然可以访问它们。

如果您只想隐藏侧边栏元素，您将使用： https://vuejs.org/v2/guide/conditional.html

这样的事情：

<div id="app">
<div id="profile" v-if="role == 'admin' || (role == 'user' && user_permissions.profile)">
<div id="purchase" v-if="role == 'admin' || (role == 'user' && user_permissions.purchase)">
</div>

<script>
var app = new Vue(
{
  el: '#app',
  data: 
  {
    role: 'user', // or role: 'admin'
    user_permissions:
    {
        profile: false,
        purchase: true,
        add: false,
        role: false,
        setting: false
    }
  }
})

user_permissions对象包含用户角色可以访问和无法访问的内容。

vue中的动态角色和权限

1 个答案: