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

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, 这个动画是不会触发的

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

报告相同问题?

悬赏问题

  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能!!有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘