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

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue transition動畫連續(xù)觸發(fā)混亂

vue transition動畫連續(xù)觸發(fā)混亂

%E5%8A%A8%E7%94%BB.gif

如圖，一開始，慢慢點(diǎn)擊的時(shí)候，動畫是正常的；但是后來連續(xù)點(diǎn)擊，動畫就會錯(cuò)亂，我大概找到原因是，leave-enter還沒結(jié)束，enter就已經(jīng)觸發(fā)，不不知道怎么解決，代碼如下：

clipboard.png

clipboard.png

求大神┭┮﹏┭┮

回答
編輯回答
臭榴蓮
  1. 試一試 mode="in-out"
  2. 使用 transition；使用 key 可以也可以渲染多個(gè)元素

地址： 多個(gè)元素的過渡

2017年1月4日 05:37
編輯回答
硬扛

mode="out-in"

2018年3月27日 21:10
編輯回答
巷尾

謝謝上面的回答，確實(shí)是過度模式的問題：
一個(gè)離開過渡的時(shí)候另一個(gè)開始進(jìn)入過渡就會導(dǎo)致上面的問題
1.out-in當(dāng)前元素先進(jìn)行過渡，完成之后新元素過渡進(jìn)入。
2.in-out新元素先進(jìn)行過渡，完成之后當(dāng)前元素過渡離開。
3.transition-group的mode是沒法生效的，所以只能用transition
4.我這邊使用的是v-show，相當(dāng)于visiblity:hidden，所以導(dǎo)致一開始只能用transition-group，換成v-if加上過渡模式就解決了

2017年11月12日 13:57