[Vuejs]-Transition between the same component?

by

3👍

✅

Had the same problem yesterday! ^^"
It worked fine when I added a :key="" attribute to my component (even if there is no prop called key in the child component).
Try with this :

<transition name="slide">
    <my-component :key="currentIndex" :my-prop="data[currentIndex]" />
</transition>

I don’t know yet why but I guess if a prop is an object, it dont detect the changes? Or maybe you must pass a key attribute (but I saw some examples not using key attribute…)
Tell me if it works 😉

Edit: I saw that you change the name of the transition and the style don’t include this name. Try the solution above with the default name and style ("fade") https://v2.vuejs.org/v2/guide/transitions.html

👤spMaax

Leave a comment