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

Question

想利用vue2-animate来做路由动画，使路由动画切换时达到图片轮播的那种效果，下面是我的代码：

<transition
  name="slideUp"
  mode="out-in"
>
  <router-view></router-view>
</transition>

这里出现了两个问题：
1：路由切换时虽然有动画，但是有问题，他是等到当前页面动画（上滑）执行完毕时，目标页面才开始进场，中间会出现空白期
2：如果目标页面是在当前页面的后面，则手指上滑，从底部进入；如果目标页面在当前页面全面，则手指下滑，从顶部进入。

请问这两个问题怎么解决啊

Answer 1

第二个问题解决了，在beforeRouteUpdate钩子里监听路由变换，第一个还是找不到解决方法啊

Answer 2

position:absolute;
把要切换的两个元素，重合在一起。

Answer 3

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