Subscribe on changes!

Inconsistency behavior of transition between vue2 and vue3

avatar
Sep 25th 2020

Version

3.0.0

Reproduction link

see the following part

Steps to reproduce

vue3: https://codesandbox.io/s/vue3-transition-list-e0d6b?file=/src/App.vue vue2: https://codesandbox.io/s/vue2-transition-list-2rmu7

What is expected?

Maybe vue3 is the expected behavior. However it makes it hard to show leave transition.

What is actually happening?

When clicking remove, Vue2 show leave transition. Vue3 doesn't show leave transition.


Is there any prop to make transition play disappear animation like appear prop?

avatar
Sep 25th 2020

In that scenario, you should use transition-group in both Vue 2 and Vue 3, and put the v-for on the inner div