Laravel vue中的动态角色和权限

伙计们，我是Vue新手，不知道该怎么做让我开始解释假设我有2个用户，1-admin 2-user，我有侧边栏菜单，如1.profile 2.purchase 3.add new role 4.setting现在当管理员登录时，他应该能够看到所有链接，管理员向用户分配权限，如他能够看到配置文件，根据管理员侧边栏分配的角色，用户应能看到purchase或所有链接，例如：-如果管理员分配用户查看purchase，则在用户登录侧边栏后，只有purchase和other应被禁用，这在vue中是可能的吗？或者任何实现这一点的想法在vue.js中是可能的，但我认为您应该在服务器端和客户端都这样做。如果只使用vue.js，用户可能看不到链接，但仍然可以访问它们

如果您只想隐藏侧边栏元素，您将使用：

大概是这样的：

<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
    }
  }
})

var app=新的Vue(
{
el:“#应用程序”，
数据：
{
角色：'用户'，//或角色：'管理员'
用户权限：
{
个人资料：错，
购买：对，
加:错,，
角色：错，
设置：false
}
}
})

---

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

使用vue.js是可能的，但我认为您应该在服务器端和客户端都这样做。如果只使用vue.js，用户可能看不到链接，但他仍然可以访问这些链接。@Neos07我已经使用了服务器，但不知道在客户端如何操作。提供示例检查我的答案。