Buenas noches compañeros, quiero mostrar el rol que tiene cada usuario ,pero aun no logro hacerlo. estoy trabajando con Spatie Laravel Permissions, este paquete ya lo he trabajo anteriormente con Laravel. Ahora quiero implementarlo con Vuejs y Laravel. Agradezco la orientación que me puedan brindar.
Implementacion con Laravel
@foreach($user->roles as $role)
<td>
<span class="label label-success">{{ $role->name }}</span>
</td>
@endforeach
Implementacion Vuejs
(asi es como lo tengo pero el rol no se muestra)
<tr v-for="user in arrayUsers" :key="user.id">
<td v-text="user.identity_number"></td>
<td v-text="user.first_name"></td>
<td v-text="user.last_name"></td>
<td v-text="user.email"></td>
<td v-text="user.phone_number"></td>
**<td v-for="role in user.roles"v-text="role.name"></td> **
</tr>
A veces uno busca soluciones complejas y la respuesta esta al frente de uno...jajaja. aprendiendo un poco mas del paquete Laravel-Permissions.
use Spatie\Permission\Traits\HasRoles;
La relación de roles ya está establecida por el Trait HasRoles que se importa dentro del User model. para dar solucion al problema se aplico el siguiente método dentro del UserController
public function index(Request $request){
*if (!$request->ajax())
return redirect('/');
$users = User::with('roles')->get();
return ['users' => $users];
}