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

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 MYSQL 多表拼接link
  • ¥15 关于某款2.13寸墨水屏的问题
  • ¥15 obsidian的中文层级自动编号
  • ¥15 同一个网口一个电脑连接有网,另一个电脑连接没网
  • ¥15 神经网络模型一直不能上GPU
  • ¥15 pyqt怎么把滑块和输入框相互绑定,求解决!
  • ¥20 wpf datagrid单元闪烁效果失灵
  • ¥15 券商软件上市公司信息获取问题
  • ¥100 ensp启动设备蓝屏,代码clock_watchdog_timeout
  • ¥15 Android studio AVD启动不了