在 vue 中使用 Laravel-permission 的 @can 标签
1. 在需要权限校验的 model 中新增方法
public function getAllPermissionsAttribute() {
$permissions = [];
foreach (Permission::all() as $permission) {
if (Auth::user()->can($permission->name)) {
$permissions[] = $permission->name;
}
}
return $permissions;
}
2. 在 app.blade 中存储当前用户的所有权限
<script>
@auth
window.Permissions = @json(Auth::user()->allPermissions);
@else
window.Permissions = [];
@endauth
</script>
3. 新建 vue component
<script>
export default {
methods: {
$can(permissionName) {
return Permissions.indexOf(permissionName) !== -1;
}
}
};
</script>
4. 在 app.js 注册 vue 组件
import auth from './components/AuthComponent';\
Vue.mixin(auth);
5. 在vue中使用
<a v-if="$can('admin.admins.delete')" class="text-danger" @click="dataDelete(admin)">
本作品采用《CC 协议》,转载必须注明作者和本文链接
推荐文章: