javascript - vue 2.0 transiton過渡效果異常

Question

vue2.0上做切換過渡時，發現切換顯示正常，切換消失時有延遲沒有過渡效果

<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 就用， 不要自己去造輪子。 直接