在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

 <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加個(gè)mode=“out-in”
然后動(dòng)畫的開始加個(gè)屬性position:absolute
這樣就不會(huì)出現(xiàn)過一會(huì)然后才向上閃動(dòng)

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

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

2018年2月1日 23:47