인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

daep93's profile image
daep93

asked

The Complete Guide to Vue.js - Practical Concepts Learned Through Practice and Refactoring

How to call data using router navigation

네비게이션 가드 transition

Written on

·

148

1

영상 9:03초를 보시면 네비게이션 가드를 적용시 아주 잠깐 list 내용이 나왔다가 깜빡이고 다시 list 내용이 나옵니다. 더 구체적으로 말씀 드리면, 네비게이션 가드 적용된 News 라우터링크를 누르면 새롭게 패치된 list가 잠시 찍히고 곧이어 transition이 적용되서 깜빡여서 list가 재등장하는 것처럼 보입니다. 반대로 영상 9:00에서 처럼 created를 적용한 Ask는 이전에 패치된 Jobs list가 아래로 잠깐 보인뒤 transition에 의해서 처음 등장하는 것처럼 보이는데요. 이러한 차이가 발생하는 이유가 뭘까요? 

UX 측면에서는 라우터링크를 눌렀을 때, 이전 list가 보이지 않으면서 동시에 새로운 list가 transition 적용 이전에 등장하지 않게 하고 싶은데 방법이 없을까요?

vuejsjavascript

Answer 2

0

daep93님의 프로필 이미지
daep93
Questioner

넵!! 감사합니다

0

captain님의 프로필 이미지
captain
Instructor

안녕하세요 대현님, 수업 열심히 듣고 질문도 성실하게 작성해 주시네요 ㅎㅎ 학습 열심히 하시는 것 같아서 보기 좋습니다! 뒤쪽에 연관 질문 주셨던데 같이 답변 드릴게요~!

daep93's profile image
daep93

asked

Ask a question