Fading in cart items
Let's now add a fade effect on the cart items as they enter page.
In the last video, we made a transition on an single element where a v-if
was used to make it enter and leave the DOM.
This time we have a list of items created with a v-for
. You might be tempted to wrap a transition around the v-for
like this:
<transition>
<li v-for="item in cart" v-bind:key="item.id" class="cart-item">
<div class="item-title">{{ item.title }}</div>
Click to load comments...