javascript - L'effet de transition de la transition Vue 2.0 est anormal

Question

Lors d'une transition de commutation sur vue2.0, j'ai trouvé que l'affichage de commutation était normal, mais il y avait un délai lorsque la commutation disparaissait et il n'y avait pas d'effet de transition

<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

Si vous pouvez utiliser animate.css, utilisez-le. Ne réinventez pas la roue vous-même. Directement <transition enter-active-class="animated fadeIn" Leave-active-clss="animated fadeOut"></transition>