Vue select value 가져오기 @change / event.target.value

vue.js 함수에서 select value를 쉽게 가져오는 방법을 기록해둔다.

 

 

<select class="form-select" @change="theWeek($event)" aria-label="Default select example">
                          <option value="월요일">월요일</option>
                          <option value="화요일">화요일</option>
                          <option value="수요일">수요일</option>
                          <option value="목요일">목요일</option>
                          <option value="금요일">금요일</option>
                          <option value="토요일">토요일</option>
                          <option value="일요일">일요일</option>
 </select>

 

 

 

 

	/* 0215 검색요일 설정 */
    			theWeek : function(){
    				var vm = this;
    				console.log(event.target.value);
    				var week = event.target.value;
    				alert(week);
    				
    	},

 

이렇게만 해두면 console.log 와 변수 week에 value값이 담긴다.