vue2.0使用animate.css做页面切换效果,切换时页面顶部会出现一段空白
在main.js中引用animate.css
import 'animate.css'
在App.vue中使用
<transition enter-active-class="animated fadeInRight" leave-active-class="animated fadeOutLeft">
<router-view></router-view>
</transition>
vue2.0使用animate.css做页面切换效果,切换时页面顶部会出现一段空白
在main.js中引用animate.css
import 'animate.css'
在App.vue中使用
<transition enter-active-class="animated fadeInRight" leave-active-class="animated fadeOutLeft">
<router-view></router-view>
</transition>
9 回答1.7k 阅读✓ 已解决
6 回答954 阅读
3 回答1.4k 阅读✓ 已解决
4 回答956 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
3 回答864 阅读
3 回答1.3k 阅读✓ 已解决
基本上就能解决,不是出现空白,而是说切换的时候,之前的还没有消失,后来的就出现了(后来者居上)。使用过渡模式就能解决这个问题。