@choupa
Архитектор (обычный, который строит)

Есть два вложенных template. При изменении условия v-if во внутреннем template не происходит пере-рендер. Как быть?

Прямо в корневом index.html есть два вложенных шаблона, отображением которые управляют переменные A и B соответственно. Пусть они вначале обе true. При изменении B не происходит обновления отображения внутреннего шаблона.

<template>
  <div v-if = "A">
     ...
     <template>
        <div v-if = "B">
             <a @click = "onClick">...</a>
        </div>
      </template>
      ...
   </div>
</template>


onClick: function() {
  this.B = false;
}


Поборол это тем, что "передёргиваю" туда-сюда значение A, чтобы вызвать обработку всего внешнего шаблона:

onClick: function() {
  this.B = false;
  this.A = !this.A;
  this.A = !this.A;
}


Но, согласитесь, это как-то коряво. А как поступают мастера Vue?
  • Вопрос задан
  • 107 просмотров
Пригласить эксперта
Ответы на вопрос 2
kulakoff
@kulakoff Куратор тега Vue.js
Vue.js developing
Просто написать: <a @click = "onClick" v-if="B">...</a>
Ответ написан
modelair
@modelair
dev
тег template не оборачивает содержимое в div
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы