Articles
Latest
More
Newsletter Sponsorship Discord About
Sign up for our Newsletter
The video for this lesson is currently being updated, please read the transcript instead.
Build Your First Vue.js App > Lesson 38

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>

Back to course page

Click to load comments...

Articles
  • Latest
Newsletter
  • Join
  • Sponsorship
More
  • Discord
  • Vue.js jobs
  • About

Vue.js Developers © 2021. View our privacy policy .

  • RSS
  • |
  • Atom