启明星在这里 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 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了,如何解决?(操作系统-ubuntu)
  • ¥20 matlab yalmip kkt 双层优化问题