[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)

Curso vue3-pinia-ts-acl (diretiva v-can)

[Finalizado Pelo Aluno]

Bruno Neves
Criador Bruno Neves 30/10/2024

Boa noite pessoal, 

cheguei no modulo de ACL e vi que o professor criou uma diretiva v-can, onde oculta um elemento html quando não se tem a permissão, ele demonstrou no exemplo um menu, onde usa a diretiva v-can passando a permissão e caso o usuário logado não tenha a mesma, esse link fica oculto para ele, porém se a gente olhar no inspecionar elemento, conseguimos ver lá o link com display none. 

Sabemos que a API está validando também essa rota e impossibiildade do usuário ir para o l ink acessando via inspecionar elemento, mas poderia usar uma outra diretiva, em vez de ocultar com display none, nós simplesmente não exibir esse elemento html na página renderizada? como por exemplo quando usamos o v-if 

 

 

Att.

Criador Bruno Neves 30/10/2024

Ou usarmos um v-if="can('permissao')

 

Bruno Neves
Manager Carlos Ferreira 30/10/2024

Olá, Bruno!

Tudo bem?

 

Mesmo que o usuário consiga ter acesso ao link, o backend não permite acesso ao recurso.

 

Mas sim, vc pode trabalhar com o v-if para nem mesmo renderizar o elemento, sua função can pode retornar um boolean para indicar tem tem ou não a permissão, dessa forma funciona v-if="can('nome-permissao')"

Carlos Ferreira
Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!