javascript - kesan peralihan peralihan vue 2.0 adalah tidak normal

Question

Apabila membuat peralihan pensuisan pada vue2.0, saya mendapati paparan pensuisan adalah normal, tetapi terdapat kelewatan apabila pensuisan hilang dan tiada kesan peralihan

<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

Jika anda boleh menggunakan animate.css, gunakannya Jangan cipta semula roda itu sendiri. Terus <transisi enter-active-class="animated fadeIn" leave-active-clss="animated fadeOut"></transition>