• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

mixins 폴더가 있는 강의샘플 소스가 git 에 있는지요?

22.10.31 17:06 작성 조회수 108

1

안녕하세요.

제가 이번강의를 따라했는데 다른분들이 이전에 질문해주신 깜빡이는 증상이 동일하게 발생한 것 같아서 혹시 소스를 잘못따라한게 있는지 궁금해서 비교해 볼려구 하는데요.

강사님 git 저장소에 이번강의 mixins 폴더가 있는 곳을 못찾아서 그런데 혹시 있다면 알려주시면 감사하겠습니다.

화면이 깜빡인다는 표현이 .. 제가 기대한 효과는

현재 화면이 news 리스트 화면인 경우에 ask 링크를 누르면

transition 및 스피너 효과에 의해서

  1. 현재 news 리스트 목록이 천천히 안보였다가

  2. 조회하면서 스피너 보이구

  3. 조회끝나면 스피너 안보이구

  4. ask 리스트 목록이 천천히 보이는 거를 기대했는데요.

지금 제가 수업 따라 한 결과는 news 목록에서 ask 링크를 누르면

  1. 조회 하면서 스피너 보이구 (이때는 new 목록보이는 상태)

  2. 조회 끝나면 스피너 안보이면서 화면이 ask 목록으로 바뀜

  3. 이후 TRANSITION 효과에 의해서 화면이 안보였다가( ask 목록인 상태에서 천천히 안보임)

  4. 동일한 ask 목록이 천천히 보임.

그래서 ask 목록이 두번 보이는 것처럼 보여서 깜빡인다고 표현한 것 같은데요.

뷰가 스토어 값이 바뀌면 화면이 저절로 갱신되게 되어있어서 구현을 라우터의 before enter 에 구현하다 보니.. 화면이 바뀌기 전에 공통으로 사용하는 리스트 값을 바꿔버려서..화면이 갱신 되었다가 ( 화면이 news 목록에서 ask 목록으로 바뀜) 이후 화면이 이동되면서 transition 효과가 발동해서 ask 목록인 상태에서 화면이 안보였다가 보이게 되는 것 같긴한데요.

제가 원하는 효과는 news 목록에서 화면이 천천히 안보였다가 ask 목록으로 화면이 천천히 보이는 건데 혹시 이렇게 구현하려면 어떻게 해야 할려나요 ?

조언 부탁드립니다.

감사합니다.

 

 

 

답변 1

답변을 작성해보세요.

0

안녕하세요, 원하시는게 이전 데이터인 news 목록이 천천히 사라지는 걸까요? 아래 문서 참고하셔서 사라질 때의 클래스(v-leave 등)로 트랜지션 효과 제어해 주시면 될 것 같아요! :)

https://v2.vuejs.org/v2/guide/transitions.html#Transition-Classes