Vue에서 checkbox 값 배열
checkbox 그룹이 있다고 가정해 봅시다.
선택된 모든 체크박스의 value 속성 값이
배열에 누적되도록 만들 수 있습니다.
이를 위해서는 이 checkbox들의 v-model에
배열을 바인딩해야 합니다. 한번 해보겠습니다.
배열을 가진 속성을 선언합니다:
data() {
return {
arr: [],
}
}
이 배열을 checkbox 그룹에
바인딩합니다:
<template>
<input type="checkbox" v-model="arr" value="v1">
<input type="checkbox" v-model="arr" value="v2">
<input type="checkbox" v-model="arr" value="v3">
</template>
여러 개의 checkbox를 사용하여
사용자에게 어떤 언어를 아는지 물어보세요.
얻은 값들을 배열에 모으세요.
이전 작업에서 얻은 언어 배열을
ul 목록 형태로 출력하세요.
