Vue JS Quasar框架转换渲染与router-view碰撞

Question

围绕路由器视图出现q-transition问题。当转换发生时，新内容在旧内容离开DOM之前进入视图。它将新内容放在低于现有元素的位置，然后在旧内容最终消失后弹出。这是一个已知问题还是我做错了什么？有解决方法吗？

<q-transition appear enter="bounceInLeft" leave="bounceOutRight">
  <router-view></router-view>
</q-transition>

您可以在下面看到新内容较低，然后重新绘制。

由于

Answer 1

通过查看基础Vue动画/转换功能找到答案。需要设置mode =“out-in”，如下所示：https://vuejs.org/v2/guide/transitions.html