라우터 네비게이션 적용 시 깜빡거림 현상에 대한 대처법이 있을까요?
647
작성한 질문수 7
질문이 있습니다.
라우터 네비게이션 적용시 깜빡거리는 현상이 발생합니다.
강의 화면에도 잘 보시면 두번 깜빡거립니다.
클릭하는 순간 이미 데이터가 나오고 잠깐 사라졌다가 다시 나옵니다.
강사님이 강의하시는 영상에도 그렇게 나옵니다.
오히려 라우터네비게이션이 없을 때는 스피너와 함께 정상처럼 나오는데 이 문제는
transition 때문에 그런 것 같긴 하네요. transition 2s 로 늘려놓고 하면 정확히 더 그렇게 깜빡임이 확실히 구현되네요.
1. 데이터가 출력됐다가
2. 스피너가 종료되고
3. 다시 그 이후에 트랜지션이 동작되어 사라졌다가
4. 다시 데이터가 출력되어
위의 과정을 연속적으로 보면 데이터가 두번 출력되는 것처럼 깜빡입니다.
network에 slow 3g로 안하더라도..
그렇다면 이건 transition을 사용하지 않고 빼야하나요? 아님 다른 방법이 있을까요?
강의 영상 돌려보시면
"[실습] 라우터 네비게이션 가드 실습 및 스피너 종료 시점 변경"
영상 보시면 클릭하는 순간 데이터가 나왔다가 아주 찰나에 하얗게 되었다가 다시 나옵니다.
답변 1
0
안녕하세요 요정님, 깜빡거림이 문제신거라면 라우터 네비게이션 가드에서 데이터를 모두 준비해 놓고 페이지에 진입하시면 됩니다. 깜빡거림이 트랜지션 효과와는 관계가 없을 거예요!
깃 권한 요청 드립니다
0
68
1
깃 권한 신청
0
62
1
깃 권한 요청드립니다.
0
120
1
깃허브 권한 요청 드립니다
0
154
1
깃허브 권한 요청 드립니다
0
169
1
깃허브 권한 요청 드립니다
0
176
1
깃허브 권한 요청 드립니다.
0
158
1
안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.
0
214
1
ide 타입추론 기능 사용할 수 없을까요??
0
218
1
컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??
0
239
1
Vue3로 진행중입니다
1
341
1
Vue router-link 사용시 같은 url이면
1
512
1
vue3 에러 메세지...
1
686
2
id ="app" 중복
0
278
2
use undefined 에러가 나옵니다.
1
329
2
깃허브 권한 요청드립니다.
1
366
2
권한요청드립니다.
1
305
2
Vue3에서 구글 애드센스 탑재하기
1
441
2
코드가 정상 작동 되는건지 ...
1
315
1
강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?
1
254
1
vuex 적용시 질문
1
298
2
라우터 버전이 안맞는데 어떤걸 써야하나요
1
388
2
UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..
1
458
2
권한요청 드립니다!
1
278
2





