VueJS Transition Group в зависимости от ключа
Итак, я добавляю числа в массив.
После определенного тайм-аута первый элемент в массиве склеивается, и применяется переход выхода. Однако переход применяется к последнему элементу в массиве.
Мне удалось это исправить, просто изменив ключ на что-то другое:
:key = "item". С этим изменением переход к отпуску теперь правильно применяется к элементу, который был сращен, первому.
Вот jsfiddle, чтобы вы могли его протестировать: https://jsfiddle.net/k375qyfr/2/
Я хочу знать, почему? Какая разница между двумя?
Ответы 1
When Vue is updating a list of elements rendered with v-for, by default it uses an “in-place patch” strategy. If the order of the data items has changed, instead of moving the DOM elements to match the order of the items, Vue will patch each element in-place and make sure it reflects what should be rendered at that particular index. This is similar to the behavior of track-by = "$index" in Vue 1.x.
https://vuejs.org/v2/guide/list.html
вот почему вы должны использовать :key = "item"