Vue3中router-view，keepAlive，transition嵌套使用

天天向上的鹿茸

已于 2022-09-22 09:01:39 修改

阅读量1.3k

点赞数

分类专栏： vue 文章标签：前端 javascript css

于 2022-09-22 08:59:25 首次发布

本文链接：https://blog.csdn.net/weixin_45696837/article/details/126984875

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Vue3中router-view，keepAlive，transition嵌套使用。

<router-view v-slot="{ Component }">
    <transition name="custom-classes" :duration="{ enter: 500, leave: 500 }" mode="out-in"
        enter-active-class="animate__animated  animate__zoomIn"
        leave-active-class="animate__animated animate__zoomOut">
        <KeepAlive>
            <component :is="Component" />
        </KeepAlive>
    </transition>
</router-view>