[Vue JS] Vue ref / $refs 속성으로 엘리먼트 선택하기

[뷰 / VUE] ref / this.$refs

 

 

vue 에서 자바스크립트의 엘리먼트 선택자를 사용하는 경우가 많은데

Ref 속성을 통한 엘리먼트의 제어도 사용성이 높다

 

<template>
	<!-- ref 속성 SET -->
	<input type="text" ref="example" />
</template>

<script>
	export deafult {
    	mounted () {
        	<!-- $ref를 통한 엘리먼트 접근 -->
            this.$ref.example.value = "메모를 메모하다";
        }
    }
</script>

 

결과 창