컴포넌트 사이즈를 동적으로 가져오기

반응형 웹을 만들다 보면 브라우저 창의 높이, 넓이에 따라 사이즈를 조절해줘야 하는 경우가 생긴다.

swiperRef을 보면 됨

html태그에 ref를 통해 이름을 부여하고

 

window.addEventListener를 통해 mount될때마다 이벤트 리스너를 동작시켜 컴포넌트의 높이를 구하는 메소드를 호출한다.

 

 

this.$refs를 통해 DOM에 직접 접근하여 기본적으로 제공되는 clientWidth, clientHeight를 통해 너비, 높이를 가져올 수 있다,