Есть ли способ установить анимацию перехода в одной части дочернего компонента на основе данных из родительского? - PullRequest
Новая
       5

Есть ли способ установить анимацию перехода в одной части дочернего компонента на основе данных из родительского?

0 голосов
/ 09 февраля 2020

Основная причина в том, что этот конкретный компонент имеет наложение фона на анимированном фоне. Это анимация слайдов, поэтому она выглядит совершенно неловко. Родитель: 

<div class="theparent">
  <button @click="somestate = !somestate">change state</button>
  <Child v-if="somestate" />
</div>

data (){
  somestate: false
}

Ребенок: 

<ScreenOverlay>
  <div class="child">
    <transition name="fade">
      <div v-if="somestate" class="adiv>
        somecontent
      </div>
    </transition>
  </div>
</ScreenOverlay>

props:{
  somestate: {
   type: Boolean,
   default: true
  }
}

Я подумал, может быть, CSS анимации, но как мне также захватить, когда div отключен, и воспроизвести уходящую анимацию?

...