启明星在这里 2019-08-01 10:10 采纳率: 0%
浏览 1809
已采纳

vue路由跳转动画只执行一次

只有首次刷新的时候更新,再切换页面没有动画效果

<template>
    <div id="app">
      <transition  name="custom-classes-transition"  enter-active-class="animated slideInRight" leave-active-class="animated slideOutLeft" >
        <router-view></router-view>
      </transition>
    </div>
</template>

<script>
import animate from 'animate.css'
export default {
  name:'app',
  data() {
    return {
    }
  },
}
</script>
  • 写回答

1条回答

  • 论业余我是专业的 2019-08-01 10:21
    关注

    路由的跳转层次有问题吧, 如果是在一个页面内 ,再嵌入一个router-view, 这个动画是不会触发的

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥20 关于#硬件工程#的问题,请各位专家解答!
  • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错,维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯:Person is not mapped,如何解決?
  • ¥15 c++头文件不能识别CDialog
  • ¥15 Excel发现不可读取的内容