Vue.js переход шага не работает

Question

Я пытаюсь получить список, созданный с помощью v-for, чтобы пошатнуть его сборку в документах Vuejs. Я использую атрибут stagger и обжигаю флаг Vue.nextTick, чтобы получить переход к огню сразу после ready триггеров. Не уверен, что я что-то упустил. Использование Vue 1.0.26. Есть идеи?

Демо: http://codepen.io/thelucre/pen/WGQaPd

Docs: 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

Is this что вы после этого?

Ваш переходный атрибут был установлен на постепенное исчезновение.

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

Я изменил его, чтобы пошатнуть и скопировать CSS из примера в документах.