Vueにおけるチェックボックスの値の配列
ここに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リストとして出力してください。
