0

Preciso esconder um elemento do v-for com o v-show.

Tenho uma lista que popula um menu e preciso esconder um determinado elemento, alguém pode me dar uma luz?

3
  • Mostre o código que já tem.
    – Sam
    18/12/2017 às 22:23
  • <router-link v-for="(link,index) in sidebarLinks" :to="link.path" tag="li" :ref="link.name" :key="link.name + index"> <a> <i :class="link.icon"></i> <p>{{link.name}}</p> </a> </router-link> 19/12/2017 às 0:11
  • Utilize o link editar para adicionar informações à pergunta.
    – Sam
    19/12/2017 às 0:12

2 Respostas 2

0

Olá, acredito que seja só você acrescentar dentro de cada object link um boolean com a condição para exibir o elemento.

<router-link v-for="(link,index) in sidebarLinks" v-show="link.CODICAO_PARA_EXIBIR_ELEMENTO" :to="link.path" tag="li" :ref="link.name" :key="link.name + index">
    <a>
        <i :class="link.icon"></i>
        <p>{{link.name}}</p>
    </a>
</router-link>
0

Oi, diferentemente do Angular, por exemplo, o Vue aceita duas diretivas no mesmo elemento:

<button v-for="(letra, indice) in letras" 
    @click="inserirLetra(letra, indice)"
    v-show="botoesRemovidos.indexOf(indice) < 0">
    {{ letra }}
</button>

Então é super simples.

Este exemplo que estou te mostrando, eu mesmo que utilizei no projeto anagramador que faz parte do livro Vue: uma abordagem prática.

Espero ter ajudado!

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .