refs
-
Vue.js의 $refs를 통해 dom에 접근하기개발/JS 2018. 4. 5. 22:20
뷰에서는 $refs 속성을 이용해 DOM에 접근할 수 있습니다. 템플릿 안의 엘리먼트에 ref 속성을 추가함으로서, 뷰 인스턴스에 이 엘리먼트에 대한 정보를 줄 수 있습니다.또한, 우리는 이 엘리먼트에 접근할 수 있습니다. ref 속성은 HTML의 표준속성이 아니며, 심지어 DOM의 일부가 아니기도 합니다. 그래서, HTML 렌더링 후, 우리는 콘솔창에서 ref 속성을 찾을 수 없습니다. $refs 객체의 키는 엘리먼트의 ref속성에 정의한 값이 되며, 값은 해당 DOM 엘리먼트입니다.우리가 엘리먼트에 접근할 수 있다는 것은 곧, 엘리먼트를 변경할 수 있다는 것과 같습니다. 물론, 우리는 순수 자바스크립트의 querySelector을 이용해 DOM 엘리먼트에 접근할 수 있습니다.하지만, ref 속성은 좀..