resize()1 [Vue.js] Vue.js에서 Resize 이벤트 처리하기 기존에는 HTML 요소에 일일이 CSS로 height를 줘서 높이를 처리하곤 했었는데 vue의 Resize이벤트를 사용하여 CSS 없이 간단하고 깔끔한 코드를 작성해보고자 한다. *Javascript기반의 Vue.js, Vue.js 기반의 quasar프레임워크를 사용하고 있다. Resize 이벤트 결론부터 말하자면 headerDiv라는 참조를 가진 엘리먼트의 높이에 30을 더한 값을 conditionHeight 데이터 속성에 할당하는 코드이다. 섹션에서 this.$refs.headerCard.$el을 사용하여 headerCard DOM의 엘리먼트 높이를 가져오고, 그 높이에 30을 더한 값을 conditionHeight에 할당한 뒤 이후에 그 높이를 conditionHeight에 반영시킨다. 또한 nex.. 2023. 10. 13. 이전 1 다음 728x90
