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

Question

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

<transition

  name="slideUp"

  mode="out-in"

>

  <router-view></router-view>

</transition>

这里出现了两个问题：

1：路由切换时虽然有动画，但是有问题，他是等到当前页面动画（上滑）执行完毕时，目标页面才开始进场，中间会出现空白期

2：如果目标页面是在当前页面的后面，则手指上滑，从底部进入；如果目标页面在当前页面全面，则手指下滑，从顶部进入。

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

Answer 1

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