Vue JS Quasar 프레임워크 전환 렌더링과 라우터 뷰의 충돌

Vue JS Quasar 프레임워크 전환 렌더링과 라우터 뷰의 충돌

라우터 뷰에 관한 Q-transition에 문제가 있다.전환이 발생하면 이전 컨텐츠가 DOM을 떠나기 전에 새 컨텐츠가 표시됩니다.새 콘텐츠를 기존 요소 아래에 낮게 배치한 다음 이전 콘텐츠가 사라진 후 팝업됩니다.이미 알려진 문제입니까?아니면 제가 잘못하고 있는 건가요?회피책이 있나요?

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

아래에 새 컨텐츠가 낮게 표시되고 다시 그려지는 것을 볼 수 있습니다.

고마워요.

기본 Vue 애니메이션/이행 기능을 살펴봄으로써 해답을 찾았습니다.mode="out-in"을 여기에 지정된 대로 설정해야 합니다. https://vuejs.org/v2/guide/transitions.html

언급URL : https://stackoverflow.com/questions/46673861/vue-js-quasar-framework-transition-rendering-collision-with-router-view