Seize your moment! 👾

안녕하세요. Eric입니다. 제 블로그에 방문해주셔서 감사합니다.

vue 2

[Eric's Vue] ref, $refs 이용해서 DOM 요소 및 자식 컴포넌트 접근 방법 🔗

Vue.js에서는 일반적으로 데이터를 바인딩하여 DOM 요소를 제어합니다. 하지만 경우에 따라서, DOM 요소나 자식 컴포넌트에 직접 접근해야 하는 상황이 발생할 수 있습니다. 이때 Vue.js에서 제공하는 ref $refs를 사용하면 원하는 요소에 쉽게 접근할 수 있습니다. ✅ ref ?ref는 Vue 템플릿 안에서 특정 DOM 요소나 자식 컴포넌트에 대한 참조를 생성하기 위한 속성입니다. ref 속성을 사용하려면 템플릿의 해당 요소나 컴포넌트에 ref를 추가하고, 고유한 이름을 할당합니다. 이렇게 하면 해당 요소나 컴포넌트에 대한 참조가 생성되며, Vue 인스턴스 내에서 해당 참조를 사용할 수 있게 됩니다.✅ $refs ?$refs는 Vue 컴포넌트에서 특정 DOM 요소나 자식 컴포넌트에 대한 참조를..

[Eric's IDE] VSCode - $event => 자동완성 끄기

문제상황 현재 Vue.js 를 VSCode 로 공부 하고 있는데, $event => volar.inlayHints.eventArgumentInInlineHanders":false to hide Event Argument in Inline Handers 이게 뜨는거임!!! 나도 event 인줄 안다고! 그래서 이걸 끄기위해서 해결방법 Mac 기준으로 Perferences > Settting 들어가고, (Window 도 비슷할겨) 검색창에 inlayHint 검색하고 하단의 노란 박스 부분 off로 바꾸면 끝! 해결