javascript - Der Übergangseffekt von vue 2.0 ist abnormal

Question

Beim Durchführen eines Umschaltübergangs auf vue2.0 stellte ich fest, dass die Umschaltanzeige normal war, aber es gab eine Verzögerung, als der Umschaltvorgang verschwand, und es gab keinen Übergangseffekt

<transition name='fade'>
        <p v-show="isShow" class="detail" >
            
        </p>
        </transition>

.detail
            position fixed
            z-index 100
            top 0
            left 0
            width 100%
            height 100%
            overflow auto
            background rgba(7,17,27,.8)
            &.fade-enter-active,&.fade-leave-active
                transition opacity 3s
            &.fade-enter,&fade-leave-active
                opacity 0

Answer 1

能用animate.css 就用， 不要自己去造轮子。 直接 <transition enter-active-class="animated fadeIn" leave-active-clss="animated fadeOut"></transition>