vue-router 视图更新时遇见不可描述的错误

Question

这种情况有没有人遇到过？
该怎样去Debug?
原本是看不出问题的，但加了延时路由动画后就看出问题来了

      <transition name="slide-fade">
        <router-view></router-view>
      </transition>
      
  .fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

Answer 1

已解决，vue transition 有个过渡模式可以解决这个问题

<transition name="fade" mode="out-in">
  <!-- ... the buttons ... -->
</transition>

文档