想要在你动路径组件上使用转场,并对导航进行动画处理,你需要使用v-slot APi:

    使用时需要安装第三方样式库

    yarn add animate.css

    在main.ts中引入全局样式

    1. // 引入animate.css
    2. import 'animate.css' // 这样引入样式是全局样式

    在需要的地方使用

    1. <transition
    2. enter-active-class="animate__animated animate__slideInLeft"
    3. leave-active-class="animate__animated animate__slideOutLeft"
    4. >
    5. <router-view></router-view>
    6. </transition>