본문 바로가기
개발/VUE

Vue - Select 태그 선택한 값 Value 가져오기

반응형

Select 태그에서 @change 를 사용

<select @change="함수명($event)">
	<option value="펩시">펩시</option>
	<option value="코카">코카콜라</option>
	<option value="815">815콜라</option>
</select>

위 코드와 같이 select 태그에 change 함수를 사용합니다.

값 가져오기

- 함수내에서 $event에서 받은 값을 사용하여 value값 처리

함수명(envet){
	console.log(event.target.value); //value값 출력
}

methods 내에 다음과 같이 생성한뒤 사용하시면 됩니다.

반응형