Precedência de v-if vs. v-for

rutura

Visão Geral

• RUTURA: Se usada sobre o mesmo elemento, v-if terá precedência superior do que v-for

Introdução

Duas das diretivas mais usadas comummente na Vue.js são a v-if e v-for. Então não é de surpreender de que exista um momento quando os programadores querem usar ambas em conjunto. Enquanto isto não é uma prática recomendada, podem existir momentos em que isto é necessário, então queríamos fornecer orientação de como isto funciona.

Sintaxe da 2.x

Na 2.x, quando usamos v-if e v-for sobre o mesmo elemento, v-for receberia a prioridade.

Sintaxe da 3.x

Na 3.x, v-if sempre terá precedência superior a v-for.

Estratégia de Migração

É recomendado evitar usar ambos sobre o mesmo elemento devido à ambiguidade da sintaxe.

No lugar de lidar com isto no nível do modelo de marcação, um método de alcançar isto é criar uma propriedade computada que filtra uma lista para os elementos visíveis.

Opções da Construção de Migração: COMPILER_V_IF_V_FOR_PRECEDENCE

Consulte também

• Interpretação de Lista - Exibição de Resultados Filtrados ou Organizados
• Interpretação de Lista - v-for com v-if