Vue.js transition stagger not working

Question

私はv-forでレンダリングされたリストをVuejsのドキュメントごとにずらして取得しようとしています。私はstaggerアトリビュートを使用してVue.nextTickフラグを発して、readyトリガーの直後に発火するようにしています。私が何かを欠いているかどうかはわかりません。 Vue 1.0.26を使用する。何か案は？

デモ：http://codepen.io/thelucre/pen/WGQaPd

ドキュメント：http://vuejs.org/guide/transitions.html#Staggering-Transitions

Answer 1

v-forディレクティブのデータが実際に変更された場合にのみ、ずれた遷移が発生します。v-showまたはv-ifの場合ではありません。私の場合は空の配列を保持する計算されたプロパティを使用して、nextTick()関数呼び出しの後にデータを設定します。 http://codepen.io/thelucre/pen/WGQaPd

回答源：

はデモ更新この場合https://github.com/vuejs/vue/issues/3658#issuecomment-246256099

Answer 2

はあなたが後にしている何thisですか？

あなたの遷移属性はfadeに設定されています。

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

私はそれを千鳥に変更し、ドキュメントの例のCSSをコピーしました。