Vue: $ emit меняет родительское значение, но v-if не отвечает

Question

Мой код выглядит примерно так:

//- Parent

ConditionalComponent(v-if="condOne")
MenuComponent(v-if="condTwo", @method="parentMethod")

...
data() {
  return {
   condOne: false
   condTwo: false
  }
},
methods: {
  parentMethod() {
   this.condOne = !this.condOne
   this.condTwo = !this.condTwo
  }
}

Значения condOne и condTwo правильно изменяются , но статус рендеринга ConditionalComponent и MenuComponent не меняется, как если бы V-если не работал. Я не понимаю почему.

Есть мысли?

Answer 1

v-if манипулирует dom, а v-show использует атрибут display: none. Можете ли вы попробовать с директивой v-show?