vue.js组件的Shinobi Can限制

Question

我正在使用laravel 5.7和vue.js，并使用shinobi程序包，限制了用户访问权限。

[当我尝试隐藏按钮（新按钮）时，创建一个类别，该类别位于Categoria.vue组件中，但无法识别帮助程序@can

web.php的代码：我的路线

希望您能帮助我

web.php的代码：我的路线

Route::middleware(['auth'])->group(function(){

//CATEGORIAS
route::post('/categoria/registrar', 'CategoryController@store')->name('categoria.registrar')
->middleware('permission:categoria.registrar');
.........
}

Categoria.vue组件的代码

Div（这里是按钮）：

<div class="card-header">
<i class="fa fa-align-justify"></i> Categorías
@can('categoria.registrar')
<button type="button" @click="abrirModal('categoria', 'registrar')" class="btn btn-secondary">
<i class="icon-plus"></i>&nbsp;Nuevo
</button>
@endcan
</div>

Answer 1

您可以使用@符号通知Blade渲染引擎，表达式应保持不变。例如，

<strong>@{{ $errors->first('email') }}</strong>