Vue transition animation continuously triggers chaos

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

;leave-enterenter:

clipboard.png

clipboard.png

ask the great god to thank you

Mar.04,2021

mode= "out-in"


  1. try mode= "in-out"
  2. using transition;, using key, you can render multiple elements

address: ide/transitions.html-sharp%E5%A4%9A%E4%B8%AA%E5%85%83%E7%B4%A0%E7%9A%84%E8%BF%87%E6%B8%A1" rel=" nofollow noreferrer "> transition of multiple elements


Thank you for the above answer, which is indeed a question of excessive mode:
when one leaves the transition, the other starts to enter the transition, which leads to the above problem
1.out-in the current element transitions first, and then the new elements transition in.
2.in-out the new element transitions first, and then the current element transitions away. The mode of
3.transition-group does not work, so you can only use transition
4. What I use here is vMurshow, which is equivalent to visiblity:hidden, so it can only be changed from transition-group, to v-if at the beginning and the transition mode can only be solved

.
Menu