1

Eu tenho um menu e queria saber se tem como eu fazer uma condição de adicionar uma classe dependendo da classe filho.

Por exemplo:

<ul :class="{ 'open' : TemClasseNoFilho }">
    <li v-for="item in list" :class="{ 'active' : $route.nome == item.rotaNome}">
          <a>{{ item.nome}}</a>
    </li>
</ul>

Nesse exemplo, gostaria de colocar a condição: "Insira classe "Open" em "ul" se o "li" tiver a classe "active"

Obrigado!

2
  • é so criar no data, e torna-la true ou false, ai voce vai verificar, se for true, ela existe, se for false não Commented 25/09/2017 às 13:17
  • Como assim, Rafael?
    – Jackson
    Commented 25/09/2017 às 13:29

1 Resposta 1

1

Cria um dado no computed tipo assim:

isOpen: function() {
  if (this.$els.li.className.match(/\active\b/)) {
    return true;
  }
}

e no template:

<ul :class="isOpen ? 'open': ''">
    <li v-for="item in list" :class="{ 'active' : $route.nome == item.rotaNome}">
          <a>{{ item.nome}}</a>
    </li>
</ul>

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 .