반응형
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 내에 다음과 같이 생성한뒤 사용하시면 됩니다.
반응형
'개발 > VUE' 카테고리의 다른 글
Vue - moment.js 날짜 계산 사용하는 법 (0) | 2020.06.19 |
---|---|
Vue - checkbox 선택한 값 가져오기 (0) | 2020.06.12 |
Vue - 프로젝트 공통함수 적용하기 (0) | 2020.05.22 |
Vue - ckeditor 사용방법 (0) | 2020.05.18 |
IntelliJ ] Vue 초기 개발 세팅 (0) | 2019.12.16 |