Vue.js 组件 + Laravel 权限管理

Posted 2023-02-22

【中文标题】Vue.js 组件 + Laravel 权限管理

【英文标题】：Vue.js components + Laravel right management

【发布时间】：2018-01-08 11:43:50

【问题描述】：

我不确定如何继续使用 Vue 单文件组件以及 Laravel 的权限管理插件。一般来说，我在不同的页面上加载组件，但是组件中的不同操作需要不同的可用权限，并且将可用权限直接传递给组件似乎有点不安全。 这里的正确方法是什么？

【参考方案1】：

如果您将刀片模板与 laravel 盖茨引擎一起使用来呈现您的视图，您可以将组件打包在 can 语句中

@can('view-component', 'component-name')
  <custom-vue-component></custom-vue-component>
@endcan

blade 中权限检查的具体用途可以在here、一般授权信息here 和门的信息[这里]https://laravel.com/docs/5.4/authorization#gates() 找到。

【讨论】：

这将解决如何显示整个组件，但是如果我需要在一个基于权利的组件中的特定操作？比如 EDIT / DELETE / TRANSFER 等等...？