vue router實(shí)現(xiàn)兩個頁面一進(jìn)一出頁面間有空白間隙？

利用vue router模仿app頁面滑入滑出，在同步一出一進(jìn)的時候兩個頁面間出現(xiàn)了白色的間隙，這是什么原因?qū)е碌模抗俜轿臋n說不設(shè)置mode就是默認(rèn)的同步，可就是有延遲

<transition :name="transitionName" >

<router-view class="view-page"></router-view>

</transition>

.view-page {

position: absolute;
width: 100%;
transition: all .5s linear;

}
.slide-left-enter, .slide-right-leave-active {

opacity: 1;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);

}
.slide-left-leave-active, .slide-right-enter {

opacity: 1;
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);

}