[Vuejs]-Cant get modal transition working on leave

by

0👍

Move the transition tag into the parent, wrapping the component. If you wrap the transition on the modal / child component itself, the component will be unmounted when you click the close modal button, and the animation won’t have time to run.

  <transition name="modal" :appear="true">
    <Modal v-if="showModal" @close-modal="showModal = false" />
  </transition>

Leave a comment