vue2-animate路由切换动画的问题？

Question

想利用vue2-animate来做路由动画，使路由动画切换时达到图片轮播的那种效果，下面是我的代码：<transition  name="slideUp"  mode="out-in">  <router-view></router-view></transition>这里出现了两个问题：1：路由切换时虽然有动画，但是有问题，他是等到当前页面动画（上滑）执行完毕时，目标页面才开始进场，中间会出现空白期2：如果目标页面是在当前页面的后面，则手指上滑，从底部进入；如果目标页面在当前页面全面，则手指下滑，从顶部进入。请问这两个问题怎么解决啊

Answer 1

问题1： 用定位把元素重合在一起，position
问题2：判断手势，改变动画class，然后在切换