[Vuejs]-Vue.js transition stagger not working

by

1👍

✅

The staggered transitions will only fire when the data for the v-for directive actually changes, not in the case of v-show or v-if. In my case then, I’ll be using a computed property that holds an empty array and then sets the data after the nextTick() function call.

Updated demo: http://codepen.io/thelucre/pen/WGQaPd

Answer source: https://github.com/vuejs/vue/issues/3658#issuecomment-246256099

-1👍

Is this what you’re after?

Your transition attribute was set to fade.

<div v-if="show" v-for="item in items" transition="fade" stagger="1000" class="item">{{ item }}</div>

I changed it to staggered and copied the CSS from the example in the docs.

Leave a comment