鍍金池/ 問答/HTML/ vue animatecss出現(xiàn)bug。應(yīng)該是前一個元素還未消失，下一個元素動畫

vue animatecss出現(xiàn)bug。應(yīng)該是前一個元素還未消失，下一個元素動畫已經(jīng)開始渲染，那怎么讓一個動畫結(jié)束另一個再開始

 <transition enter-active-class="animated zoomInLeft" leave-active-class="animated zoomOutRight">
       <start v-if="index === 0"/>
      </transition>
         <transition enter-active-class="animated zoomInLeft" leave-active-class="animated zoomOutRight">
       <detail v-if="index === 1"/>
      </transition>
       <transition enter-active-class="animated zoomInLeft" leave-active-class="animated zoomOutRight">
       <preview v-if="index === 2"/>
      </transition>
       <transition enter-active-class="animated zoomInLeft" leave-active-class="animated zoomOutRight">
       <end v-if="index === 3"/>
      </transition>

回答
編輯回答
尛曖昧

可以transition加個mode=“out-in”
然后動畫的開始加個屬性position:absolute
這樣就不會出現(xiàn)過一會然后才向上閃動

2017年12月26日 20:24
編輯回答
小眼睛

設(shè)置mode
https://cn.vuejs.org/v2/guide...

2018年2月1日 23:47