Vue - checkbox 선택한 값 가져오기

 v-model을 이용하여 가져옵니다.

-HTML

<input type="checkbox" v-model="cola_check" value="펩시">펩시
<input type="checkbox" v-model="cola_check" value="코카콜라">코카콜라
<input type="checkbox" v-model="cola_check" value="815콜라">815콜라

v-model을 사용한 방법으로는 data()속에 변수를 생성하여 v-model에 넣어주면 생성한 변수에 값이 들어가있습니다.

변수는 배열로 생성해야 여러개의 값이 들어감.

 

-script

export default {
	data(){
    	return{
        	cola_check : [],
        }
    }
}

체크 박스를 모두 선택했을 경우 ["펩시" , "코카콜라" , "815콜라"]와 같이 값이 들어갑니다.

변수를 스트링으로 생성하면 올바르게 작동하지 않습니다.