반응형
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
반응형
'programing' 카테고리의 다른 글
바이트 버퍼를 서명해야 합니까, 아니면 서명되지 않은 문자 버퍼로 해야 합니까? (0) | 2022.08.13 |
---|---|
상위 이벤트의 하위 구성 요소에서 함수를 호출하는 방법 (0) | 2022.08.13 |
U 접미사의 의미 (0) | 2022.08.13 |
Java에서 문자열을 캘린더 개체로 변환 (0) | 2022.08.13 |
vue.js 2에서 v-if를 사용하는 것과 v-show를 사용하는 것 중 어떤 것이 더 좋습니까? (0) | 2022.08.13 |