[디버깅로그] Vue 에서 화면 전환시 CSS 가 깨진다면??
By 양파개발자 SW의 블로그입니다^^ | 2020년 7월 8일 |
최근에 겪은 문제에 대한 해결책을 적고자 한다. 일단 결론만 말하면 Vue 컴포넌트(view 포함) 작성시 CSS 에 scoped 처리를 반드시 하자!!! 인건데... 뭐 대충 알겠고, 더 볼게 없다 싶은 분들은 그냥 더 안 읽으셔도 됩니다... ㅎㅎㅎ [문제 상황] Vue 로 작성된 view A 가 있다그리고 그 A 는 다른 view B 로 링크가 걸려있다.일단 URL 만 치고 view A 로 들어갈때는 화면이 문제없이 잘 렌더링 된다. 그런데 A 에서 B 로 갔다가 다시 A 로 오니, 갑자기 화면이 뭉그러 진다거나 하는등의 CSS 문제가 보인다.브라우저의 개발자 콘솔을 켜봐도 아무런 로그가 뜨지 않는다. [진잔 + 해결 방법] 이럴때 view B 쪽 코드를 보도록 하자.거기서 사용되는