Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

221
Visualizações
Vue template with v-if condition does not react on value change

I have a template with v-if condition base on the data value. But if I change the value it does not redrav the template. I see the value ich changed in Vue debugger but v-if blocks it like it was empty like on component load.

Here is the code:

<div v-if="newSelectedDevices" class="mt-2 mb-2">
    <template>
        <b-field class="has-horizontal-line pb-2">
            <b-taglist>
                <b-tag  v-for="(included, index) in newSelectedDevices"
                        :key="'included_' + index"
                          // This is the problem. It set is-hidden although isNew value is true
                        :class="{'is-hidden': included.isNew, 'taglist': true, 'is-danger': true}"
                        closable
                        @close="removeFromNewSelected(index)"
                >
                    {{ included.name }}
                </b-tag>
            </b-taglist>
        </b-field>
    </template>
</div>

enter image description here

What is wrong with this code? Thanks for any help.

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda