[Vue] Dom접근 하기 - $ref, $refs
1. 개념 Vue를 사용하면 직접 Dom요소에 접근할 경우가 거의 없다. 하지만 가끔 Dom을 직접 접근하여 컨트롤 해야 될 경우가 생길 수 있다. (아마 특정 영역에 focus를 주기 위해 많이 사용하지 싶다.) 이때 사용하는 속성이 $ref 이다. (자바스크립트의 querySelector, getElementsByClassName, getElementById 와 같은 역할) 2. 장점 자식 컴포넌트에 직접적으로 접근할 수 있음 DOM 조작 메서드 없이 편리하게 엘리먼트를 조작할 수 있음 3. $ref 기본기 ref="target" 1. 접근하고 싶은 태그에 ref 속성명을 할당 2. ref는 id처럼 중복이 불가능 console.log('target', this.$ref.target) 1. $refs..
2022.01.03