'💻 개발공부/Vue' 카테고리의 글 목록

[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 요소나 자식 컴포넌트에 대한 참조를..

💻 개발공부/Vue 2023.04.20

Just..Eric

💻 개발공부/Vue 1

티스토리툴바