console.log(this.fruits); // 선택된 입력 요소의 value 속성 값 출력 }, },
}
</script>
<template>
<form id="loginForm">
<label for="banana">
<input type="checkbox" id="banana" v-model="fruits" value="banana" />banana
</label>
<label for="orange"> <input type="checkbox" id="orange" v-model="fruits" value="orange" />orange </label> <label for="apple"> <input type="checkbox" id="apple" v-model="fruits" value="apple" />apple </label> <button type="button" @click="printData">확인</button>
</form>
</template>
v-model에 바인딩된 fruits 데이터 속성이 banana, orange를 값으로 가지므로 이와 일치하는 value 속성의 값을 가진 체크박스에 표시된 상태로 화면에 렌더링됩니다.