vue-router-transiton

    <template>
        <transition name="slide-left" mode="out-in">
            <router-view></router-view>
        </transition>
    </template>
    <style>
    .slide-left-enter-active, .slide-left-leave-active {
        transition: transform .5s;
        transform-origin: left;
    }
    .slide-left-enter, .slide-left-leave-active {
        transform: scale(0,1);
    }
    </style>

猜你喜欢

转载自www.cnblogs.com/huanhuan55/p/10100806.html